အရင္တုန္းက Html ဆိုတာကို သိပ္နားမလည္ပါဘူး။ ဒါေၾကင့္ Blog ကိုျပင္တဲ့ ေနရာမွာေတာင္ သူမ်ားရဲ႕ ဆို႔ေလးေတြ ထဲက တူတာေလးေတြ ၾကည့္ၿပီး ေကာ္ပီကူးထည့္တဲ့ နည္းကိုပဲ သံုးခဲ့ပါတယ္။ အဲဒီတုန္းကေတာ့ Mtml ဆိုတာ ဘာႀကီးမသိဘူးကို။ နားလည္း မလည္ဘူးေလ။ တကယ္တန္း ေလ့လာႀကီးေတာ့ ထင္ေလာက္ႀကီး မခက္တာကို ေတြ႕ပါတယ္။
ဒါေၾကာင့္ ကၽြန္ေတာ္ ေလ့လာမိသေလာက္ ျပန္ၿပီး ေျပာျပခ်င္ပါတယ္။
HTML ဆိုတာ
Hyper Text Markup Language ကို အတိုေကာက္ ေခၚထားတာ ျဖစ္ပါတယ္။
HTML ကို အမ်ားစုကေတာ့ Notepad ထဲမွာပဲ ေရးၾကပါတယ္။
1
ပထဆံုး ႏုတ္ပက္ကို ဖြင့္လိုက္ပါ။ ၿပီးရင္ Save As ကိုႏွိပ္ၾကည့္လိုက္ပါ။ အဲဒီမွာ ေဘာက္ေလး က်လာပါလိမ့္မယ္။ ပံုမွန္အားျဖင့္ေတာ့ ကၽြန္ေတာ္တို႔က အဲဒီမွာ ကိုယ္လိုခ်င္တဲ့ File Name ေလးတစ္ခု ေပးၾကပါတယ္။ Html ေရးမဲ့ စာေတြကို သိမ္းရင္ေတာ့ File Name အျပင္ ဖိုင္ Exction ထပ္ေပးရပါတယ္။
ပံုမွာ ျပထားတဲ့အတိုင္း အဲဒီဖိုင္ကို aungaung လို႔ေပးခ်င္ရင္ aungaung.html လို႔ေပးရပါတယ္။ aungaung သည္ file name ျဖစ္ၿပီးေတာ့ .html ဟာ ဖိုင္ Exction ျဖစ္ပါတယ္။ တကယ္လို႔ ကၽြန္ေတာ္တို႔က .html ဆိုတဲ့ file exction ကိုမေပးခဲ့ဖူးဆိုရင္ ရိုးရိုး စာသားေတြ အေနပဲ သိမ္းသြားမွာ ျဖစ္ပါတယ္။
2
Html မွာ အေျခခံ ကုဒ္တင္
<html>
<head>
<title>
</title>
</head>
<body>
</body>
</html>
ဆိုၿပီး ရွိပါတယ္။ ကိုယ္ေပၚခ်င္တဲ့ စာသားေတြက ဘယ္ေနရာမွာ ေပၚခ်င္တာလဲ ဆိုတဲ့ ေနရာေပၚမွာ မူတည္ၿပီး လိုအပ္တဲ့ ကုဒ္ေတြကို ထပ္ၿပီး ထည့္သြားရတာျဖစ္ပါတယ္။ html ကေတာ့ html, head, title, body ဆိုတဲ့ တက္ (tag) ေလးေတြမွာ အေျခခံေရး သြားတာပါ။ တက္ကေလးေတြကို ဖြင့္ၿပီးရင္ အဆံုးမွာ ျပန္ပိတ္ေပးရပါတယ္။ ဥပမာ <body> tag နဲ႔စခဲ့ရင္ </body> tag နဲ႔ျပန္ပိတ္ေပးရပါတယ္။
3
Html ကုဒ္ေတြကိုေရးရာမွာ စာလံုးအႀကီး အေသးမေရြးပါဘူး။ ေသးေသးႀကီးႀကီး ေသးခ်င္တဲ့ေနရာေသး ႀကီးခ်င္ေနရာႀကီး ႀကိဳက္သလို ေရးလို႔ရပါတယ္။ စာလံုး အေသးအႀကီး ျပသနာမရွိပါဘူး
<html> </html>
ဒီတက္ေလး ႏွစ္ခုၾကားမွာ ေရးမဲ့ စာသားေတြသည္ Mtml ျဖစ္ပါတယ္ဆိုတာကို ေၾကျငာေပးတာပါ
<head> </head>
ဒီတက္ ႏွစ္ခုၾကားမွာေတာ့ ၀က္ေပ့ေပၚမွာ တိုက္ရိုက္မေပၚပဲ အေထာက္ကူျပဳတဲ့ ကုဒ္ေတြကို ေရးပါတယ္
<title> </title>
ဒီတက္ႏွစ္ခုၾကားမွာ ေရးတဲ့ စာသားေတြကေတာ့ ဘေရာက္ဇာရဲ႕ ဟက္ဒါလိုင္းမွာ သြားေပၚပါတယ္ ဥပမာ ကၽြန္ေတာ့္ဘေဘာ့ဂ္မွာ Debate With Me လို႔ အေပၚဆံုး ဘားမွာ ေပၚေနသလိုမ်ိဳး
<body></body>
ဒီတက္ႏွစ္ခုၾကားမွာေတာ့ စာကိုယ္ ၀က္ေပ့ရဲ႕ မိန္းစသားေတြ ထည့္ေရးပါတယ္
4
ႏုတ္ပက္ကို ဖြင့္လက္ေတြ႔ စမ္းရိုက္ၾကည့္လိုက္ပါ။
<html>
<head>
<title> My project
</title>
</head> Hellow Mtml
<body>
</body>
</html>
ၿပီးသြားရင္ ေဆ့လိုက္ပါ။ ေဆ့ၿပီးသြားရင္ ေဆ့ထားတဲ့ ဖိုင္ေလးကို ဒါဘယ္ကလစ္ေခါက္ၿပီး ဖြင့္ၾကည့္လိုက္ပါ။ ဖိုင္းရားေဖာက္ တင္ထားရင္ ဖိုင္းရားေဖာက္နဲ႔ တက္လာပါမယ္။ အိုင္အီးနဲ႔ ဖြင့္ခ်င္ရင္ေတာ့ အိုင္အီးကို အရင္ဖြင့္ ၿပီးရင္ ဖိုင္အိုးပင္း နဲ႔ သြားလို႔ရပါတယ္။
စမ္းၾကည့္တာ အဆင္ေျပတယ္ဆိုရင္ေတာ့ မိမိႏွစ္သက္ရာ စာသားေလးေတြ ထည့္ၿပီး စမ္းၾကည့္လိုက္ပါ။
ေနာက္ထပ္ အပိုင္းေတြကို ေနာက္ရက္ေတြမွာ ဆက္ေရးသြားပါမယ္။ တကယ္လို႔ ကၽြန္ေတာ္ေရးတာ အမွားပါခဲ့ရင္ အမွန္သိသူမ်ားကို ျပင္ေပးဖို႔ ေမတၱာရပ္ခံပါတယ္
မွတ္ခ်က္ အခုလို ပို႔ျဖစ္လာေအာင္ ကူညီေပးေသာ ကိုေ၀ယံလင္းကို အထူးေက်းဇူးတင္ပါသည္
ဒါေၾကာင့္ ကၽြန္ေတာ္ ေလ့လာမိသေလာက္ ျပန္ၿပီး ေျပာျပခ်င္ပါတယ္။
HTML ဆိုတာ
Hyper Text Markup Language ကို အတိုေကာက္ ေခၚထားတာ ျဖစ္ပါတယ္။
HTML ကို အမ်ားစုကေတာ့ Notepad ထဲမွာပဲ ေရးၾကပါတယ္။
1
ပထဆံုး ႏုတ္ပက္ကို ဖြင့္လိုက္ပါ။ ၿပီးရင္ Save As ကိုႏွိပ္ၾကည့္လိုက္ပါ။ အဲဒီမွာ ေဘာက္ေလး က်လာပါလိမ့္မယ္။ ပံုမွန္အားျဖင့္ေတာ့ ကၽြန္ေတာ္တို႔က အဲဒီမွာ ကိုယ္လိုခ်င္တဲ့ File Name ေလးတစ္ခု ေပးၾကပါတယ္။ Html ေရးမဲ့ စာေတြကို သိမ္းရင္ေတာ့ File Name အျပင္ ဖိုင္ Exction ထပ္ေပးရပါတယ္။
ပံုမွာ ျပထားတဲ့အတိုင္း အဲဒီဖိုင္ကို aungaung လို႔ေပးခ်င္ရင္ aungaung.html လို႔ေပးရပါတယ္။ aungaung သည္ file name ျဖစ္ၿပီးေတာ့ .html ဟာ ဖိုင္ Exction ျဖစ္ပါတယ္။ တကယ္လို႔ ကၽြန္ေတာ္တို႔က .html ဆိုတဲ့ file exction ကိုမေပးခဲ့ဖူးဆိုရင္ ရိုးရိုး စာသားေတြ အေနပဲ သိမ္းသြားမွာ ျဖစ္ပါတယ္။
2
Html မွာ အေျခခံ ကုဒ္တင္
<html>
<head>
<title>
</title>
</head>
<body>
</body>
</html>
ဆိုၿပီး ရွိပါတယ္။ ကိုယ္ေပၚခ်င္တဲ့ စာသားေတြက ဘယ္ေနရာမွာ ေပၚခ်င္တာလဲ ဆိုတဲ့ ေနရာေပၚမွာ မူတည္ၿပီး လိုအပ္တဲ့ ကုဒ္ေတြကို ထပ္ၿပီး ထည့္သြားရတာျဖစ္ပါတယ္။ html ကေတာ့ html, head, title, body ဆိုတဲ့ တက္ (tag) ေလးေတြမွာ အေျခခံေရး သြားတာပါ။ တက္ကေလးေတြကို ဖြင့္ၿပီးရင္ အဆံုးမွာ ျပန္ပိတ္ေပးရပါတယ္။ ဥပမာ <body> tag နဲ႔စခဲ့ရင္ </body> tag နဲ႔ျပန္ပိတ္ေပးရပါတယ္။
3
Html ကုဒ္ေတြကိုေရးရာမွာ စာလံုးအႀကီး အေသးမေရြးပါဘူး။ ေသးေသးႀကီးႀကီး ေသးခ်င္တဲ့ေနရာေသး ႀကီးခ်င္ေနရာႀကီး ႀကိဳက္သလို ေရးလို႔ရပါတယ္။ စာလံုး အေသးအႀကီး ျပသနာမရွိပါဘူး
<html> </html>
ဒီတက္ေလး ႏွစ္ခုၾကားမွာ ေရးမဲ့ စာသားေတြသည္ Mtml ျဖစ္ပါတယ္ဆိုတာကို ေၾကျငာေပးတာပါ
<head> </head>
ဒီတက္ ႏွစ္ခုၾကားမွာေတာ့ ၀က္ေပ့ေပၚမွာ တိုက္ရိုက္မေပၚပဲ အေထာက္ကူျပဳတဲ့ ကုဒ္ေတြကို ေရးပါတယ္
<title> </title>
ဒီတက္ႏွစ္ခုၾကားမွာ ေရးတဲ့ စာသားေတြကေတာ့ ဘေရာက္ဇာရဲ႕ ဟက္ဒါလိုင္းမွာ သြားေပၚပါတယ္ ဥပမာ ကၽြန္ေတာ့္ဘေဘာ့ဂ္မွာ Debate With Me လို႔ အေပၚဆံုး ဘားမွာ ေပၚေနသလိုမ်ိဳး
<body></body>
ဒီတက္ႏွစ္ခုၾကားမွာေတာ့ စာကိုယ္ ၀က္ေပ့ရဲ႕ မိန္းစသားေတြ ထည့္ေရးပါတယ္
4
ႏုတ္ပက္ကို ဖြင့္လက္ေတြ႔ စမ္းရိုက္ၾကည့္လိုက္ပါ။
<html>
<head>
<title> My project
</title>
</head> Hellow Mtml
<body>
</body>
</html>
ၿပီးသြားရင္ ေဆ့လိုက္ပါ။ ေဆ့ၿပီးသြားရင္ ေဆ့ထားတဲ့ ဖိုင္ေလးကို ဒါဘယ္ကလစ္ေခါက္ၿပီး ဖြင့္ၾကည့္လိုက္ပါ။ ဖိုင္းရားေဖာက္ တင္ထားရင္ ဖိုင္းရားေဖာက္နဲ႔ တက္လာပါမယ္။ အိုင္အီးနဲ႔ ဖြင့္ခ်င္ရင္ေတာ့ အိုင္အီးကို အရင္ဖြင့္ ၿပီးရင္ ဖိုင္အိုးပင္း နဲ႔ သြားလို႔ရပါတယ္။
စမ္းၾကည့္တာ အဆင္ေျပတယ္ဆိုရင္ေတာ့ မိမိႏွစ္သက္ရာ စာသားေလးေတြ ထည့္ၿပီး စမ္းၾကည့္လိုက္ပါ။
ေနာက္ထပ္ အပိုင္းေတြကို ေနာက္ရက္ေတြမွာ ဆက္ေရးသြားပါမယ္။ တကယ္လို႔ ကၽြန္ေတာ္ေရးတာ အမွားပါခဲ့ရင္ အမွန္သိသူမ်ားကို ျပင္ေပးဖို႔ ေမတၱာရပ္ခံပါတယ္
မွတ္ခ်က္ အခုလို ပို႔ျဖစ္လာေအာင္ ကူညီေပးေသာ ကိုေ၀ယံလင္းကို အထူးေက်းဇူးတင္ပါသည္
1 comment:
အားေပးတယ္ဗ်ိဳ႕။ ဆက္ေရးဦး။
Post a Comment