ကဲ့ အေျခခံ ၇ွုင္းျပမယ္ေနာ္ ၊၊၊၊၊HTML ဆိုတာဘာလဲ?
HTML ဆိုတာ Hyper Text Markup Languageရဲ ့ အတိုေကာက္စာလံုးျဖစ္ျပီး Web Siteေရးရာမွာ အေျခခံအက်ဆံုးျဖစ္တဲ ့Programming Languageတစ္မ်ိဳးဆိုရင္လည္း မမွားပါဘူး။ HTML ကိုဟBrowserကဖတ္ျပီး Userဆီကို Text (စာသားေတြ),Image(ပံုေတြ),Table(ဇယားေတြ(စသည္)အျဖစ္ဘာသာျပန္ေပးပါတယ္။ ေရးပံုေရးနည္းကို ေအာက္မွာၾကည့္ပါ
HTML ေရးနည္း => 1
HTML Basic Form or Frame HTML မွာ အေျခခံတည္ေဆာက္ပံုရွိတယ္၊ HTML ရဲ့ Frame လို႔ေခၚတယ္၊ HTML Document တစ္ခုကိုေရးတိုင္း HTML Frameကပါကိုပါရမယ္၊ ေအာက္မွာ အေျခခံ HTML Frameတည္ေဆာက္ပံုကို တဆင့္စီရွင္းျပပါမယ္
ဒီအဆင့္မွာေတာ့ အခုေရးမွာက HTML Document ျဖစ္ေၾကာင္း ကိုေျပာတဲ့ Document type ဆိုတဲ့ Document အမ်ိဳးအစားကိုHTML ကိုဘာသာျပန္မယ့္ browser ကသိေအာင္ မိတ္ဆက္မယ္၊ ဒီအတြက္သံုးတဲ့ သေကၤတကေတာ့ <!DOCTYPE html> ပါ၊
<!DOCTYPE html> သေကၤတကို သင္ေရးတဲ့ HTML Document တိုင္းရဲ့ ထိပ္ဆံုးမွာထည့္ေပးရပါတယ္၊ ဒါမွ အဲ့ဒီ့ စာမ်က္ႏွာကို ဘာသာျပန္မယ့္ web browser က ဘယ္လို Doucmentအမ်ိဳးအစားလဲဆိုတာကို သိျပီး လြယ္လြယ္ကူကူ ဘာသာျပန္ႏိုင္မယ္၊
ဒုတိယ အဆင့္*
ဒီအဆင့္မွာေတာ့ အခုက စလို႔ HTML ဖိုင္ကိုစေရးပါပီလို႔ေၾကျငာ ဖို႔အတြက္ HTML Tags ကိုထည့္ေပးရမယ္၊ အဖြင့္နဲ႔ အပိတ္ ႏွစ္ခုရွိပါတယ္။
<!DOCTYPE html>
<html> something </html>
အထက္မွာေတာ့ အဖြင့္နဲ႔ အပိတ္ HTML Tags ေတြကိုထည့္လိုက္တယ္၊
အပိတ္မွာforwards slash (ေရွ႕ ကိုေစာင္းေနတဲ့ မ်ဥ္းေစာင္း ပါတာကို သတိျပဳပါ၊)<html> နဲ႔ </html> တို႔ကိုေတာ့ web borwser က HTML ဖိုင္ကို <html> ဆိုတဲ့ ေနရာကစျပီး </html> အထိ အားလံုးက HTML ဖိုင္ျဖစ္ပါတယ္လို႔အသိေပးလိုက္တာ၊ ေနာက္ပိုင္း ေရးသမွ် HTML Tags ေတြေကာ စာသားေတြေကာကိုပါ၊ <html> အဖြင့္နဲ႔ </html> အပိတ္တို႔ၾကားမွာေရးရမယ္၊
*တတိယ အဆင့္*
ဒီအဆင့္မွာေတာ့HTML Doucment ရဲ့ ေခါင္းၾကီးပိုင္း ကိုသတ္မွတ္မယ္၊ ေခါင္းၾကီးပိုင္းျဖစ္တဲ့ heading ရဲ့ ကုိယ္စားျပဳ HTML tags က
အဖြင့္<head> နဲ႔
အပိတ္ </head> တို႔ပါ၊
သူတို႔ကို <html> နဲ႔ </html> တို႔ၾကားထဲမွာထည့္ေရးရတယ္
<!DOCTYPE html>
<html>
<head></head>
</html>
အထက္မွာေတာ့ ေခါင္းၾကီးပိုင္း သတ္မွတ္မယ့္ HTML tags ေတြျဖစ္တဲ့
အဖြင့္<head> နဲ႔
အပိတ္ </head> တို႔ကိုေရးျပီးသြားပါပီ၊ သူတို႔ သာလွ်င္မက အျခားမည္သည့္ HTML Tags ေတြကုိမဆို
<html> နဲ႔ </html> တို႔ၾကားထဲမွာထည့္ေရးရမယ္၊
*စတုတၳအဆင့္*
ဒီအဆင့္မွာေတာ့ ေခါင္းစဥ္ကိုတပ္မယ္၊ ေခါင္း ၾကီးပိုင္းနဲ႔ ေခါင္းစဥ္နဲ႔ မတူပါဘူး၊ေခါင္းစဥ္ Title တပ္ဖို႔အတြက္ သံုးရတဲ့ HTML Tags ကေတာ့
အဖြင့္<title> နဲ႔
အပိတ္ </title> တို႔ပဲျဖစ္ပါတယ္၊ ေခါင္းစဥ္ Tags ေတြကိုေတာ့ ေခါင္းၾကီးပိုင္း Tagsေတြျဖစ္တဲ့ <html> နဲ႔ </html> တို႔ရဲ့ ၾကားမွာထည့္ရပါတယ္၊ ေအာက္မွာၾကည့္ပါ၊
<!DOCTYPE html>
<html>
<head>
<title>My Web page </title>
</head>
</html>
အထက္က ကုတ္မွာ ေခါင္းစဥ္ျဖစ္တဲ့ My Web Page ကို ေခါင္းစဥ္ tags ေတြျဖစ္တဲ့ <title> နဲ႔ </title> ရဲ့ၾကားမွာထည့္ထားတာကိုေတြ႔ရမယ္၊ ေခါင္းစဥ္နဲ႔ ပတ္သက္တဲ့ Element ကိုေတာ့ ေခါင္းၾကီးပိုင္း Tags ေတြျဖစ္တဲ့
<head> နဲ႔ <head> တို႔ရဲ့ ၾကားမွာ ထားကိုထားရမယ္၊
*ပဥၥမ အဆင့္*
ဒီအဆင့္ကေတာ့ သင္ရဲ့ ၀က္ဆိုက္တစ္ခုလံုးကိုေပၚေစတဲ့ အပိုင္းပါ၊ သင္ျမင္ေတြ႔ေနရတဲ့၀က္ဆိုက္မွန္သမွ်က ဒီအစိတ္အပိုင္းကေန
လာပါတယ္၊ သူ႔ကိုေတာ့ body လို႔ေခၚတယ္၊ သူ႔ကိုေရးရာမွာ အသံုးျပဳတဲ့ HTML Tagsကေတာ့ အဖြင့္<body> နဲ႔
အပိတ္ </body> တို႔ပါ၊ သူတို႔ကိုေတာ့ ေခါင္းၾကီးပိုင္းTagရဲ့ အဆံုးျဖစ္တဲ့ </head> ရဲ့ ေအာက္မွာထည့္ပါတယ္၊ ေအာက္မွာၾကည့္ပါ၊
<!DOCTYPE html>
<html>
<head>
<title>My Web Page </title>
</head>
<body>
</body>
</html>
အထက္က HTML ဖိုင္မွာ <body> နဲ႔ </body>တို႔ကို ေခါင္းၾကီးပိုင္း Tag အဆံုးျဖစ္တဲ့ </head> ရဲ့ေနာက္မွာထည့္လိုက္ပါပီ၊ ေနာက္ပိုင္းသင့္၀က္ဆိုက္ရဲ့စာမ်က္ႏွာမွာ ေပၚလိုသမွ် စာသား ပံု လင့္ ဇယား မွန္သမွ်ကို အဲ့ဒီ့ <body> အဖြင့္နဲ႔ </body> အပိတ္တို႔ၾကားမွာေရးပါတယ္၊အထက္က ကုတ္ေတြရဲ့ အဖြင့္ <body> နဲ႔ အပိတ္ </body> တို႔ၾကားမွာ စာတစ္ေၾကာင္းေလာက္ထည့္လိုက္မယ္၊ ထည့္မယ့္စာေၾကာင္းကို Paragraphစာပိုဒ္ အေနနဲ႔ထည့္မယ္၊ ေအာက္မွာၾကည့္ပါ၊
<!DOCTYPE html>
<html>
<head>
<title>My Frist HTML Program </title>
</head>
<body>
<p> Hello EveryBody! This is my First Program </p>
</body>
</html>
ကဲ့ အေျခခံေလး ေရးကည့္ျကဗ်ာ၊၊၊၊ဆရာေတာ့ မဟုတ္ပါဘူး သင္ထားတာေလး ျပန္ေျပာျပတာပါ
Credit.
No comments:
Post a Comment