HTML အေၾကာင္းေလ့လာျခင္း(၁)
ဦးဦးေမွာ္ဆရာေမးထဲကရတာပါအပို
html ကိုအေျခခံကေနစေလ့လာေနသူမ်ားအတြ
HTML အေၾကာင္းမ်ားေလ့လာျခင္း(၁)
HTML ဆိုတာဘာလဲ ?
ကဲ ဒီေမးခြန္းကပဲ စလိုက္ပါမယ္။
HTML ဆိုတာဘာလဲ။ HTML ဆိုတာ (HyperTextMarkupLanguage) ကိုေခၚတာပါ။
ဘာလုပ္တဲ့ language လဲဆိုေတာ့ webpage ေတြေရးသားတဲ့ language ပဲျဖစ္ပါတယ္။
တခ်ိဳ႕ေတြကေျပာၾကတယ္ HTML ဆိုတာ programming language လားတဲ့။ မဟုတ္ပါဘူး။
HTML ဆိုတာ programming language မဟုတ္ပါဘူး။ နာမည္မွာကိုပဲ ပါၿပီးသားပါ။ markup language သာျဖစ္ပါတယ္။
ဒါဆုိရင္ေတာ့ ေမးစရာတစ္ခုေပၚလာျပန္ၿပီ။ markup language ဆိုတာဘာလဲေပါ့။
ကၽြန္ေတာ္တို႔ HTML ကိုေရးၾကပါတယ္။ ဒီလိုေပါ့ <body> ။ အဲလိုမ်ိဳးေလးေရးၾကပါတယ္။
ဟုတ္ၿပီ။ အဲဒီမွာ body ဆိုတာေတာ့ english language ပဲျဖစ္ပါတယ္(ဆရာႀကီးလုပ္တယ္လို႔
မထင္ေစခ်င္ဘူး 
)။
အဲဒီ body ကိုပဲ < နဲ႔ > ၾကားထဲ ထည့္လိုက္တဲ့အခါမွာ tag ဆိုတာျဖစ္သြားပါတယ္။ ( < နဲ႔ > )ကို angle brackets လို႔ေခၚပါတယ္။ အဲဒီ tag ေတြကို markup tags ေတြလို႔ေခၚပါတယ္။
အဲဒီ markup tags ေတြကို အသံုးျပဳၿပီး ေရးသားတဲ့ language ျဖစ္တာေၾကာင့္ markup language လို႔ေခၚပါတယ္။
ဟုတ္ၿပီ ။ အဲဒီ HTML tag ေတြဟာ အစံုလိုက္အစံုလိုက္ လာပါတယ္။
ဥပမာ-ဒီလိုေပါ့ <body> </body>
အဲဒီမွာ <body> ကို start tag လို႔ေခၚပါတယ္။ အစပထမဆံုး tag ေပါ့ေနာ္။
ေနာက္က </body> ကို end tag လို႔ေခၚပါတယ္။ အဆံုး tag ေပါ့ေနာ္။
အဲဒီ start tag နဲ႔ end tag ကိုပဲ opening tag နဲ႔ closing tag လို႔လဲေခၚပါေသးတယ္။
ဟုတ္ၿပီ။ ဒါဆိုရင္ web page ေတြေရးတဲ့အခါမွာ HTML tag ေတြကို အသံုးျပဳၿပီး ေရးသားရတယ္ဆိုတာ
သိေလာက္ၿပီေပါ့။
web page ေတြေရးတဲ့အခါမွာ HTML tag ေတြတင္မကဘဲ plain text ေတြကိုလည္း အသံုးျပဳၾကပါတယ္။
ဘယ္လိုလည္းဆိုေတာ့ HTML tag ထဲမွာမထည့္ဘဲ အျပင္မွာေရးသားထားတဲ့ ဟာေတြေပါ့။
ထပ္ရွင္းရင္ opening tag နဲ႔ closing tag ထဲမထည့္ထားတဲ့ စာသားေတြကိုေခၚတာပါ။
web page ေတြကို ေနာက္တစ္မ်ိဳး HTML Documents ေတြလို႔လည္းေခၚပါေသးတယ္။
ဒါေတာ့ရွင္းပါတယ္ HTML နဲ႔ေရးသားထားတာေၾကာင့္ HTML document လို႔ေခၚတာပါ။
ဟုတ္ၿပီ။ အဲလို HTML နဲ႔ေရးသားထားတဲ့ HTML document ေတြကို ဘယ္လိုၾကည့္မလဲ။ HTML document ဆိုတာ web page ပဲျဖစ္တာေၾကာင့္ ကၽြန္ေတာ္တို႔ေတြ web browser ေတြနဲ႔ၾကည့္ႏိုင္ပါတယ္။ဘယ္လုိဟာ
<html> နဲ႔ </html> ၾကားမွာရွိတာေတြကို web page အေနနဲ႔ေဖာ္ျပပါတယ္။
<body> နဲ႔ </body> ၾကားမွာရွိတာေတြကို web page မွာပါဝင္တဲ့အေၾကာင္းအရာေတြအေနနဲ
<title> နဲ႔ </title> ၾကားမွာရွိတာေတြကိုေတာ့ web page ရဲ႕ေခါင္းစဥ္အေနနဲ႔ေဖာ္ျပေပးပါ
ဒီေန႔ေတာ့ ဒီေလာက္နဲ႔ပဲရပ္ထားရေအာင္။ ေနာက္က်ရင္ HTML အေၾကာင္း ထပ္ေျပာပါဦးမယ္။
)။အဲဒီ body ကိုပဲ < နဲ႔ > ၾကားထဲ ထည့္လိုက္တဲ့အခါမွာ tag ဆိုတာျဖစ္သြားပါတယ္။ ( < နဲ႔ > )ကို angle brackets လို႔ေခၚပါတယ္။ အဲဒီ tag ေတြကို markup tags ေတြလို႔ေခၚပါတယ္။
အဲဒီ markup tags ေတြကို အသံုးျပဳၿပီး ေရးသားတဲ့ language ျဖစ္တာေၾကာင့္ markup language လို႔ေခၚပါတယ္။
ဟုတ္ၿပီ ။ အဲဒီ HTML tag ေတြဟာ အစံုလိုက္အစံုလိုက္ လာပါတယ္။
ဥပမာ-ဒီလိုေပါ့ <body> </body>
အဲဒီမွာ <body> ကို start tag လို႔ေခၚပါတယ္။ အစပထမဆံုး tag ေပါ့ေနာ္။
ေနာက္က </body> ကို end tag လို႔ေခၚပါတယ္။ အဆံုး tag ေပါ့ေနာ္။
အဲဒီ start tag နဲ႔ end tag ကိုပဲ opening tag နဲ႔ closing tag လို႔လဲေခၚပါေသးတယ္။
ဟုတ္ၿပီ။ ဒါဆိုရင္ web page ေတြေရးတဲ့အခါမွာ HTML tag ေတြကို အသံုးျပဳၿပီး ေရးသားရတယ္ဆိုတာ
သိေလာက္ၿပီေပါ့။
web page ေတြေရးတဲ့အခါမွာ HTML tag ေတြတင္မကဘဲ plain text ေတြကိုလည္း အသံုးျပဳၾကပါတယ္။
ဘယ္လိုလည္းဆိုေတာ့ HTML tag ထဲမွာမထည့္ဘဲ အျပင္မွာေရးသားထားတဲ့ ဟာေတြေပါ့။
ထပ္ရွင္းရင္ opening tag နဲ႔ closing tag ထဲမထည့္ထားတဲ့ စာသားေတြကိုေခၚတာပါ။
web page ေတြကို ေနာက္တစ္မ်ိဳး HTML Documents ေတြလို႔လည္းေခၚပါေသးတယ္။
ဒါေတာ့ရွင္းပါတယ္ HTML နဲ႔ေရးသားထားတာေၾကာင့္ HTML document လို႔ေခၚတာပါ။
ဟုတ္ၿပီ။ အဲလို HTML နဲ႔ေရးသားထားတဲ့ HTML document ေတြကို ဘယ္လိုၾကည့္မလဲ။ HTML document ဆိုတာ web page ပဲျဖစ္တာေၾကာင့္ ကၽြန္ေတာ္တို႔ေတြ web browser ေတြနဲ႔ၾကည့္ႏိုင္ပါတယ္။ဘယ္လုိဟာ
<html> နဲ႔ </html> ၾကားမွာရွိတာေတြကို web page အေနနဲ႔ေဖာ္ျပပါတယ္။
<body> နဲ႔ </body> ၾကားမွာရွိတာေတြကို web page မွာပါဝင္တဲ့အေၾကာင္းအရာေတြအေနနဲ
<title> နဲ႔ </title> ၾကားမွာရွိတာေတြကိုေတာ့ web page ရဲ႕ေခါင္းစဥ္အေနနဲ႔ေဖာ္ျပေပးပါ
ဒီေန႔ေတာ့ ဒီေလာက္နဲ႔ပဲရပ္ထားရေအာင္။ ေနာက္က်ရင္ HTML အေၾကာင္း ထပ္ေျပာပါဦးမယ္။
HTML အေၾကာင္းေလ့လာျခင္း(၂)
ဦးဦးေမွာ္ဆရာေမးထဲကေနပိုလိုရတာပါ။ျပန္လည္မွ်ေ၀ခ်င္းပါ
စတင္ေလ့လာေနသူမ်ားအတြက္ပါ။
HTML ကိုေရးဖို႔အတြက္ ဘာလုိအပ္သလဲ?
HTML ကိုေရးဖို႔အတြက္ေတာ့ ထူးထူးျခားျခား ဘာမွမလိုပါဘူး။ အခုဒီမွာေျပာျပမွာကေတာ့ HTML ကို plain text editor (ဥပမာ-Notepad ) လိုမ်ိဳးမွာ ေရးသားပံုမ်ိဳးကို ေဖာ္ျပသြားမွာျဖစ္ပါတယ္။
ဒါဟာ HTML ကိုေလ့လာဖို႔အတြက္ အေကာင္းဆံုးနည္းလမ္းပဲျဖစ္ပါတယ္
HTML ကိုေရးဖို႔အတြက္ ဘာလုိအပ္သလဲ?
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 လို႔ေျပာလိုက္ရင္ သိေနရပါမယ္။
ေနာက္ထပ္လာပါဦးမယ္
:) :p
ဒါေပမယ့္ အခ်ိဳ႕ေသာ 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 လို႔ေျပာလိုက္ရင္ သိေနရပါမယ္။
ေနာက္ထပ္လာပါဦးမယ္
:) :p
HTML အေၾကာင္းေလ့လာျခင္း(၃)
HTML စတင္ေရးသားျခင္း
HTML ကိုစတင္ေရးသားေတာ့မယ္ဆိုရင္ အရင္ဆံုး အပိုင္းသံုးပိုင္းကို မွတ္ထားရပါမယ္။
ေအာက္မွာ ကၽြန္ေတာ္ ပံုစံေလးျပထားပါတယ္။
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
အဲဒီပံုစံအတိုင္း ေရးရမွာျဖစ္ပါတယ္။
HTML document ျဖစ္တဲ့အတြက္ေၾကာင့္ <html> နဲ႔စရပါတယ္။ <head> နဲ႔ </head> ၾကားမွာ title ဆိုတာေလးရွိပါတယ္။ အဲဒါက ဘယ္လိုလဲဆိုရင္ ကိုယ္ေဖာ္ျပခ်င္တဲ့ webpage ရဲ႕ေခါင္းစဥ္ပါ။ဥပမာတစ္ခုၾကည့္
ပါ။
<html>
<head>
<title>MyanmarNetwork</title>
</head>
<body>
</body>
</html>
အေပၚကကုတ္ေလးကို Notepad မွာေရးၿပီး save လုပ္လိုက္ပါ။
save တဲ့အခါမွာ သတိျပဳရမွာက extension မွာ .htm (သို႔) .html ျဖင့္ save ရမွာျဖစ္ပါတယ္။ အဲဒါဘယ္လိုကြာသြားလည္းဆိုေတာ့ တခ်ိဳ႕ေသာ browser ေတြဟာ extension သံုးလံုးကို effect ျဖစ္တာရွိသလို တခ်ိဳ႕ကလည္း ေလးလံုးလံုး effect ျဖစ္ပါတယ္။ .htm ျဖစ္ျဖစ္ .html ျဖစ္ျဖစ္ အတူတူပါပဲ။
filename ေနရာေတာ့ ကိုယ္ေပးခ်င္တာေပးလိုက္ပါ။
အဲဒီ .htm (သို႔) .html နဲ႔ဆံုးထားတဲ့ file ေလးကိုသြားဖြင့္ၾကည့္လိုက္ပါ။
<html>
<head>
<title>MyanmarNetwork</title>
</head>
<body>
</body>
</html>
အေပၚကကုတ္ေလးကို Notepad မွာေရးၿပီး save လုပ္လိုက္ပါ။
save တဲ့အခါမွာ သတိျပဳရမွာက extension မွာ .htm (သို႔) .html ျဖင့္ save ရမွာျဖစ္ပါတယ္။ အဲဒါဘယ္လိုကြာသြားလည္းဆိုေတာ့ တခ်ိဳ႕ေသာ browser ေတြဟာ extension သံုးလံုးကို effect ျဖစ္တာရွိသလို တခ်ိဳ႕ကလည္း ေလးလံုးလံုး effect ျဖစ္ပါတယ္။ .htm ျဖစ္ျဖစ္ .html ျဖစ္ျဖစ္ အတူတူပါပဲ။
filename ေနရာေတာ့ ကိုယ္ေပးခ်င္တာေပးလိုက္ပါ။
အဲဒီ .htm (သို႔) .html နဲ႔ဆံုးထားတဲ့ file ေလးကိုသြားဖြင့္ၾကည့္လိုက္ပါ။
အဲလိုေလး ေပၚေနပါတယ္။
အဲဒါက <title> နဲ႔ </title> ၾကားထည့္တာပါ။
<head> နဲ႔ </head> ၾကားမွာ <title> တင္မကဘဲ တျခားဟာေတြလည္း ထည့္ႏိုင္ပါေသးတယ္။
အဲဒါေတာ့ ေနာက္မွေျပာပါမယ္။
<body> ထဲမွာေတာ့ webpage မွာေပၚခ်င္တဲ့ အေၾကာင္းအရာေတြ(content) ေဖာ္ျပရမွာျဖစ္ပါတယ္။
ေအာက္မွာ ဥပမာၾကည့္ပါ။
<html>
<head>
<title>MyanmarNetwork</title>
</head>
<body>
Welcome to MyanmarNetwork
</body>
</html>
အဲဒါေလးကို save ၾကည့္လိုက္ပါ။
ဒါက body မွာေဖာ္ျပတာပါ။အဲဒါက <title> နဲ႔ </title> ၾကားထည့္တာပါ။
<head> နဲ႔ </head> ၾကားမွာ <title> တင္မကဘဲ တျခားဟာေတြလည္း ထည့္ႏိုင္ပါေသးတယ္။
အဲဒါေတာ့ ေနာက္မွေျပာပါမယ္။
<body> ထဲမွာေတာ့ webpage မွာေပၚခ်င္တဲ့ အေၾကာင္းအရာေတြ(content) ေဖာ္ျပရမွာျဖစ္ပါတယ္။
ေအာက္မွာ ဥပမာၾကည့္ပါ။
<html>
<head>
<title>MyanmarNetwork</title>
</head>
<body>
Welcome to MyanmarNetwork
</body>
</html>
အဲဒါေလးကို save ၾကည့္လိုက္ပါ။
ေနာက္ဆံုးမွာေတာ့ </html> နဲ႔ပိတ္ရမွာျဖစ္ပါတယ္။
HTML အေျခခံေရးပံုေလးပါ။ ဒါေပမယ့္ ဒီအပိုင္းမွာ DOCTYPE ေဖာ္ျပတာကို ခ်န္ထားခဲ့ပါတယ္ ေနာက္ပိုင္းမွေျပာျပပါ့မယ္။
အဲဒီ <body> ထဲမွာ tag ေတြအမ်ားႀကီးေဖာ္ျပမွာျဖစ္ပါတယ္
။
ဒီေန႔ေတာ့ ဒီေလာက္ပါပဲ
ဆက္ရန္ရွိေသးသည္....
ဒီေန႔ေတာ့ ဒီေလာက္ပါပဲ
ဆက္ရန္ရွိေသးသည္....