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 မွာေဖာ္ျပတာပါ။
ေနာက္ဆံုးမွာေတာ့ </html> နဲ႔ပိတ္ရမွာျဖစ္ပါတယ္။
HTML အေျခခံေရးပံုေလးပါ။ ဒါေပမယ့္ ဒီအပိုင္းမွာ DOCTYPE ေဖာ္ျပတာကို ခ်န္ထားခဲ့ပါတယ္ ေနာက္ပိုင္းမွေျပာျပပါ့မယ္။
အဲဒီ <body> ထဲမွာ tag ေတြအမ်ားႀကီးေဖာ္ျပမွာျဖစ္ပါတယ္
ဒီေန႔ေတာ့ ဒီေလာက္ပါပဲ
No comments:
Post a Comment