HTML ကိုေရးဖို႔အတြက္ေတာ့ ထူးထူးျခားျခား ဘာမွမလိုပါဘူး။ အခုဒီမွာေျပာျပမွာကေတာ့ HTML ကို plain text editor (ဥပမာ-Notepad ) လိုမ်ိဳးမွာ ေရးသားပံုမ်ိဳးကို ေဖာ္ျပသြားမွာျဖစ္ပါတယ္။
ဒါဟာ HTML ကိုေလ့လာဖို႔အတြက္ အေကာင္းဆံုးနည္းလမ္းပဲျဖစ္ပါတယ္
ဒါေပမယ့္ အခ်ိဳ႕ေသာ web developer ေတြကေတာ့ HTML editor ေတြကို သံုးေလ့ရွိပါတယ္။ဥပမာ-FrontPage နဲ႔ Dreamweaver လိုမ်ိဳး editor ေတြကိုသံုးၾကပါတယ္။ဒါဟာ HTML coding ေတြကို ေလ့လာရာမွာ အခက္အခဲျဖစ္ႏို္င္ပါတယ္။ ဘာလို႔လဲဆိုရင္ အဲဒီ editor ေတြဟာ ကိုယ္က coding မွားေရးေပမယ့္လည္း သူက auto ျပန္ထည့္ေပးပါတယ္။ အဲဒါေတြေၾကာင့္ ကိုယ့္ရဲ႕အမွားအယြင္းေတြကို မေတြ႕ႏိုင္ေတာ့ပါဘူး။
ဒါေၾကာင့္ ပထမဦးဆံုးေလ့လာမယ့္သူေတြအတြက္ေ
HTML ကိုစေရးမယ္ဆိုရင္ HTML element ေတြကိုလည္း သိထားသင့္ပါတယ္။ HTML element ဆိုလို႔ ထူးထူးျခားျခားမထင္ပါနဲ႔။
<body></body> အဲဒါမ်ိဳး opening tag နဲ႔ closing tag တစ္စံုကို HTML element လို႔ေခၚပါတယ္။အဲဒီ opening tag နဲ႔ closing tag ၾကားထဲမွာ ကိုယ္ေဖာ္ျပခ်င္တဲ့ အေၾကာင္းအရာေတြ ထည့္ရပါတယ္။
ဒါေပမယ့္ တခ်ိဳ႕ေသာ element ေတြဟာ အေၾကာင္းအရာ ထည့္လို႔မရတာေတြရွိပါတယ္။ ဥပမာ-<br> လိုဟာမ်ိဳးဆိုရင္ ဘာမွအေၾကာင္းအရာမပါပါဘူး။ အဲဒါမ်ိဳးဆိုရင္ opening tag မွာပဲ closing tag ကိုထည့္ေပးရပါတယ္။ဥပမာ- </br>
HTML ကိုစတင္ေလ့လာသူမ်ားအတြက္ေတာ့ ဒါေတြကို သိေသးမွာမဟုတ္ပါဘူး။ ဒါေပမယ့္ စိတ္ဓာတ္မက်ပါနဲ႔။ သိပ္ၿပီးေတာ့လည္း ဦးေႏွာက္ထဲ သိပ္မမွတ္ထားပါနဲ႔ဦး။ လုပ္ရင္းလုပ္ရင္းနဲ႔ နားလည္သြားပါလိမ့္မယ္။
HTML document တစ္ခုမွာ အဲလို HTML element ေတြအမ်ားႀကီးပါပါတယ္။
ဥပမာတစ္ခုအေနနဲ႔ ကၽြန္ေတာ္ေရးျပပါမယ္။
<html>
<body>
<p>This is the content of page.</p>
</body>
</html>
အေပၚမွာ ေရးထားတဲ့ ကုတ္ေတြမွာ HTML element ဘယ္ႏွစ္ခုပါလဲ ၾကည့္ရေအာင္။
<html> နဲ႔စထားပါတယ္ ေအာက္ဆံုးမွာ </html> နဲ႔ပိတ္ထားပါတယ္။ ဒါကတစ္ခု။
<body> နဲ႔စထားပါတယ္ ၿပီးေတာ့ </body> နဲ႔ပိတ္ထားပါတယ္။ ဒါကတစ္ခု။
<p> နဲ႔စၿပီး </p> နဲ႔ဆံုးထားပါတယ္။ ဒါကတစ္ခု။
စုစုေပါင္း HTML element သံုးခုပါပါတယ္။
ဟုတ္ၿပီ။ <p> element မွာပါဝင္တဲ့ အေၾကာင္းအရာ ( content ) ေတြကဘာျဖစ္မလဲ။
This is the content of page. ဆိုတာက <p> element မွာပါဝင္တဲ့ content ပဲျဖစ္ပါတယ္။ ဒါေၾကာင့္ <p> နဲ႔ </p> ၾကားထဲမွာထည့္ထားတာျဖစ္ပါတယ္။(
<body> နဲ႔ </body> ၾကားမွာရွိတဲ့ content ကဘာလဲ။ <p>This is the content of page.</p> ပဲျဖစ္ပါတယ္။
<html> နဲ႔ </html> ၾကားမွာရွိတဲ့ content ကေကာဘာေတြျဖစ္မလဲ။
<body>
<p>This is the content of page.</p>
</body>
အဲဒါဆုိရင္ HTML element အေၾကာင္းကုိ သိေလာက္ပါၿပီ။
တစ္ခုသိထားရမွာက HTML tag ေတြဟာ case sensitive မျဖစ္ပါဘူး။ဘယ္လိုလဲဆိုရင္
<p> ဆိုၿပီး small letter နဲ႔ေရးႏိုင္သလို <P> ဆိုၿပီးေတာ့လည္း capital letter(uppercase letter) နဲ႔လည္းေရးလို႔ရပါတယ္။
website အမ်ားစုကေတာ့ uppercase နဲ႔ေရးေလ့ရွိပါတယ္။
ဒါေပမယ့္ အခုေလ့လာတဲ့အခါမွာေတာ့ lowercase နဲ႔ပဲေလ့လာၾကရေအာင္။
ဘာေၾကာင့္လည္းဆုိရင္ World Wide Web Consortium (W3C) က HTML 4 မွာ lowercase tags ေတြကိုပဲ recommend လုပ္ထားသာေၾကာင့္ပါ။ ေျပာရရင္ HTML4 မွာ uppercase မရပါဘူး။ ေနာက္ထပ္အသစ္အသစ္ ထပ္ထြက္လာမယ့္ (X)HTML ေတြမွာလည္း lowercase ကိုပဲ ရည္ညြန္းထားပါတယ္။
ဒါေၾကာင့္ အခုကတည္း lowercase ကိုပဲ ေရးတတ္ေအာင္ ေလ့က်င့္ထားၾကရေအာင္။
တစ္ခုေျပာခ်င္တာက အခုေလာေလာဆယ္ HTML ေရးဖို႔ထက္ကို HTML term ေတြကို နားလည္ေအာင္ လုပ္ထားေစခ်င္တယ္။ ဒါမွ တကယ္ေရးတဲ့ အခါမွာ HTML element လို႔ေျပာလိုက္ရင္ သိေနရပါမယ္။
No comments:
Post a Comment