Saying about html and introduction : lesson 1

in #myanmar7 years ago (edited)

အားလံုးဘဲမဂၤလာပါခင္​ဗ်

အရင္​တစ္​ပတ္​ကတင္​​ေပးလိုက္​တယ္​့ app ကို အသံုးျပဳ​ေနၾကတယ္​့ ညီအစ္​ကို​ေတြဆင္​​ေျပၾကမယ္​လို႔ ထင္​ပါတယ္​၊ ညီအစ္​ကို​ေတြ​ေနနဲ႔ app ထဲ မွာလည္​း ​ေလ့လာလို႔ရပါp​ ၊ေနာက္​ၿပီး https://www.w3schools.com​ က​ေနၿပီးလည္​း ေလ့လာလို႔ရပါတယ္​
image
​လ့လာလို႔ရတယ္​့​ေနရာလည္​း​ေျပာျပၿပီးဆို​ေတာ့web နဲ႔ပက္​သက္​တယ္​့ coding ကို runဖို႔ software သြင္​းဖို႔ဘဲ ​က်န္​ပါ​ေတာ့တယ္​

ဘာsoftwareသြင္​းရမလည္​းဆို​ေတာ့ အ​ေကာင္​းဆံုးက​ေတာ့ notepad အစား sublime text,notepad++သံုးတာပိုဆင္​​ေျပလိမ္​့မယ္​၊ ကြၽန္​​ေတာ္​က​ေတာ့ sublime text သံုးတယ္​​ေကာင္​းတာက line no auto ျပ​ေပးတယ္​ tag တစ္​ခု​ေရးလည္​း tag နဲ႔ပက္​သက္​တာ auto ျပ​ေပးတယ္​ ၊ ညီအစ္​ကိုတို႔​ေနနဲ႔ notepad သံုးလည္​းကိစၥ​ေတာ့ မ႐ွိပါဘူး၊ ညီအစ္​ကို​ေတြဆင္​​ေျပတာသံုးလို႔ရပါတယ္​

Software install လုပ္​ၿပီးၿပီဆိုရင္​ coding​ေတြ စတင္​​run လို႔ရပါၿပီ

သင္​ခန္​းစာမစခင္​ client နဲ႔ server​ေၾကာင္​းအနည္​းငယ္​​ေျပာျပပရ​ေစခင္​ဗ်
client

Client က user လိုခ်င္​တယ္​့ data​ေတြကို broswer က​ေနတစ္​ဆင္​့ server စီကို request လုပ္​တာပါ

Server

Server က client ဘက္​က ​request လုပ္​တယ္​့data​ေတြကို ျပန္​ၿပီး ​respond လုပ္​​ေပးပါတယ္​
Server မွာ hardware server နဲ႔ software server ဆိုၿပီး ၂မ်ိဳး႐ွိပါတယ္​
Server နဲ႔ client နဲ႔ပက္​သက္​ၿပီး အ​ေသးစိတ္​​ေနာက္​မွျပန္​​တင္​ျပ​ေပးပါမယ္​ခင္​ဗ်

Lesson-1

Html-Hypertext Markup Language

Html ​က web document​ေတြ​ေရးသားတယ္​့ အခါလိုက္​နာအသံုးျပဳဖို႔ w3c က သတ္​မွတ္​ထားတယ္​့ markup language ျဖစ္​ပါတယ္​၊ web document က html element​ေတြစုထားတယ္​့ text document တစ္​ခုျဖစ္​တယ္​ html ကို save​ေတာ့ မယ္ဆို extension​ေနျဖင္.​့ .htmlဆိုၿပီး save ရပါတယ္​ ဒါမယ္​့ extension မပါဘဲလည္​း save ​ၾကပါတယ္​ ပံု​ေသထင္​​ေနမွာ ဆိုးလို႔ ပါ extension က သူပက္​သက္​တာနဲ႔သူ​ေျပာင္​းၿပီး​save​ေပးတာလည္​း႐ွိပါတယ္​

Html document လို႔​ေျပာတာနဲ႔​ေျပး ျမင္​ရမွာ​ေအာက္​​ေဖာ္​ျပပါ element​ေတြကိုပါ၊ html document က​ေအာက္​က element​ေတြအားလံုးပါမွ ျဖစ္​မွာမဟုတ္​ပါဘူး document type declaration တစ္​ခုပါတာနဲ႔ html document ျဖစ္​ၿပီလို႔ဆိုလို႔ရပါတယ္​
image
ပထမဆံုးလိုင္​းက <!doctype html>က ဒီ document ဟာ html ျဖစ္​တယ္​လို႔​ေၾကာညာထားတာပါ၊ document type declaration လည္းျဖစ္​ပါတယ္​ ၊ ဒီထဲမွာ အဓိက က်တယ္​့ tag ႏွစ္​ခု႐ွိပါတယ္နဲ႔ ျဖစ္​ပါတယ္​၊ထဲမွာ ဘာtag​ေတြသံုးလည္​းဆို​ေတာ့ element​ေတြသံုးပါတယ္​
စာ​ပိုဒ္​​ေတြ​ေရးမယ္​ဆို p element ရဲ႕ အဖြင့္ အပိတ္​

ထဲမွာ​ေရးရပါတယ္​ စာပိုဒ္​​ေတြ​ေရးတယ္​့ခါ english စာဘဲ​ေရးရင္​​ေတာ့ meta မသံုးလည္းကိစၥမ႐ွိ ျမန္​မာစာ​ေတြတစ္​ျခားlanguage​ေတြ​ေရးမယ္​ဆို ျပသာနာ႐ွိလာၿပီ​ေရးတယ္​့တိုင္​း​ေပၚမွာမဟုတ္​ဘူး အဲ့တာ​ေၾကာင္​့မို႔meta element head element ထဲမွာ​ေအာက္​ပါ အတ္ိုင္​း​ေရး​ေပးရပါမယ္​

image

ကြ​်​န္​​ေတာ္​ tutorial​ေတြနဲ႔ျပည္​့​ေနတာနဲ႔​ေသခ်ာ မတင္​ျ​​ပ​ေပးလိုက္​ရဘူး နားလည္​​​ေပး က​်​ေနာ္​ ညီအစ္​ကို​ေတြ

ကြၽန္​​ေတာ္​​ေ႐ွ႕တစ္​ပတ္​က်​ေသခ်ာ တင္​ျပ​ေပးပါမယ္​ခင္​ဗ်

Author-@naythuya
Msc-169
Photo-credit

Sort:  

ဖတ္ခဲ့ပါၿပီညီေရ

ဟုတ္​ဟူတ္​😉

ဗဟုသုတေတြလဲရတယ္ညီ
အားေပးေနပါတယ္
ဆက္လက္ တင္ျပေပးပါအံုး ညီ

ဟုတ္​ကဲ့ ဆက္​တင္​ျပ​မယ္​bro 😉

နည္းပညာ ဗဟုသုတေလးေတြ သိခြင့္ရတဲ့တြက္ ေက်းဇ ူးပါဗ်ာ

ဟုတ္​ကဲ့

နည္​းပည​​ာ ​ေတြရ​ေစပါတယ္​ အစ္​ကို​ေရ. စာ​ေလးမ်ားနည္​းနည္​း
​႐ွည္​လိုက္​ရင္​ ပိုၿပီးဖတ္​လို႔​ေကာင္​းသြားမယ္​ ထင္​တယ္​ဗ်ာ

လာ​ေလာနဲ႔​ေရးလိုက္​ရလို႔ bro​😁

ဗဟုသုတရပါတယ္ဗ်

ဟုတ္​ကဲ့ bro

စိတ္လဲ၀င္စားတယ္ ဗဟုသုတလဲရပါတယ္ဗ်ာ

ဟုတ္​ကဲ့ ခင္​ဗ်

Thanks for your info.

ဟုတ္​ကဲ့

ေနာက္ထပ္အသစ္သစ္ေတြလဲတင္ေပးပါဦးဗ်ာ

ဟူတ္​ကဲ့အစ္​ကို

အားေပးေနပါတယ္ bro

ဗဟုသုတရတယ္​bro သင္​တန္​းကဘယ္​နားမွာလဲbro

သင္​တန္​းကကြန္​ျပ ူတာ​ေက်ာင္​းမွာသင္​​ေပးတာbro​ေက်ာင္​းဆင္​းခ်ိန္​ Myitkyina မွာbro

ုေအာ္ ေကာင္းတယ္ေနာ္