Html အပိုင္းႏွစ္

ၿပီးခဲ့တဲ့ အပတ္က
MTML ရဲ႕ အေျခခံ ကုဒ္ေတြကို ေျပာၿပီးသြားပါၿပီ


<html>
<head>
<title>Hello
</title>
</head>
<body> How Are You. Good Morning. Hellow World. How Are You. Good Morning. Hellow World How Are You. Good Morning. Hellow World How Are You. Good Morning. Hellow World How Are You. Good Morning. Hellow World How Are You. Good Morning. Hellow World How Are You. Good Morning. Hellow World How Are You. Good Morning. Hellow World How Are You. Good Morning. Hellow World How Are You. Good Morning. Hellow World How Are You. Good Morning.

Hellow World How Are You. Good Morning. Hellow World How Are You. Good Morning. Hellow World How Are You. Good Morning. Hellow World How Are You. Good Morning. Hellow World How Are You. Good Morning. Hellow World How Are You. Good Morning. Hellow World
</body>
</html>

အထက္မွာ ေဖာ္ျပထားတဲ့ အတုိင္း စာပိုဒ္ႏွစ္ပိုဒ္ ေလာက္ေရးၾကည့္လုိက္ပါ။ ၿပီးရင္ ေဆ့ၿပီး ဖြင့္ၾကည့္လိုက္ပါ။

ေပၚလာတဲ့ စာသားေတြဟာ တစ္ပိုဒ္တည္း ျဖစ္ေနတာကို ေတြ႕ရပါမယ္။ ဘာျဖစ္လို႔လဲဆိုေတာ့ HTML ကေရးသမွ် စာေတြကို အင္းတားခ်ၿပီး စပိုဒ္ခြဲရံုနဲ႕ အလုပ္ မလုပ္ပါဘူး။ ပံုမွန္အား ျဖင့္ေတာ့ စာရိုက္ၿပီး စာေၾကာင္း တစ္ေၾကာင္းဆင္း ခ်င္ရင္ အင္းတားကို ႏွိပ္ရတယ္။ MTML မွာေတာ့ စာေၾကာင္း ဆင္းခ်င္တိုင္း ဆင္းခ်င္းတိုင္း <br> ဆိုတဲ့ Tag ေလး ထည့္ေပးရပါတ္။ <br> tag တစ္ခုထည့္တိုင္း ထည့္တိုင္းမွာ စာေၾကာင္း ထပ္ဆင္းပါတယ္။

HTML ရဲ႕ မူလ ေနာက္ခံေရာင္က အျဖဴၿဖစ္ၿပီးေတာ့ မူလ စာသား အေရာင္းကေတာ့ အနက္ေရာင္ျဖစ္ပါတယ္။ အဲဒါကို ေနာက္ခံ အေရာင္နဲ႔ စာသား အေရာင္ကို ေျပာင္းခ်င္ဆယ္ ဆိုရင္ေတာ့<body> အဖြင့္ တက္ထဲမွာ သြားၿပီး attribute ေၾကျငာေပးရပါမယ့္။
body ရဲ႕ attribute ကို body tag ထဲမွာပဲေရးေပးရပါတယ္။ ဘယ္ေနရာမွာ ေရးသလဲဆိုေတာ့ <body နဲ႕ > အဲဒီၾကားေလးထဲမွာ ေရးပါတယ္။

ဥပမာ တစ္ခု ေရးျပရရင္

<body bgcloor="#000000" text="#ffffff">

ေစာေစာက ကၽြန္ေတာ္တို႔ ေရးခဲ့တဲ့ စာပိုဒ္ထဲက body အဖြင့္ Tag ထဲမွာ အခုလို သြားေရးလိုက္ရင္ ေနာက္ခံ အေရာင္က အမဲျဖစ္ၿပီး စာသားက အျဖဴ ျဖစ္သြားပါတယ္။
bgcolor ဆိုတာကေတာ့ ေနာ္ကခံ အေရာင္ကို ေၾကျငာတာပါ။ Text ဆိုတာကေတာ့ စာသား အေရာင္ကို ေၾကျငာတာပါ။ ေရးရင္ bgcolor="ကိုယ့္ထည့္ခ်င္တဲ့အေရာင္" ဆိုၿပီးေရး ရပါတယ္ Text ကာလာအဲ အတူတူပါပဲ။

ဘယ္ကုဒ္ေတြက ဘယ္အေရာင္လဲ ဆိုတာကိုေတာ့ http://www.webmonkey.com/reference/color_codes/ မွာ သြားၾကည့္လို႔ရပါတယ္။

Read More...

Summary only...

HTML

အရင္တုန္းက 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>

ၿပီးသြားရင္ ေဆ့လိုက္ပါ။ ေဆ့ၿပီးသြားရင္ ေဆ့ထားတဲ့ ဖိုင္ေလးကို ဒါဘယ္ကလစ္ေခါက္ၿပီး ဖြင့္ၾကည့္လိုက္ပါ။ ဖိုင္းရားေဖာက္ တင္ထားရင္ ဖိုင္းရားေဖာက္နဲ႔ တက္လာပါမယ္။ အိုင္အီးနဲ႔ ဖြင့္ခ်င္ရင္ေတာ့ အိုင္အီးကို အရင္ဖြင့္ ၿပီးရင္ ဖိုင္အိုးပင္း နဲ႔ သြားလို႔ရပါတယ္။

စမ္းၾကည့္တာ အဆင္ေျပတယ္ဆိုရင္ေတာ့ မိမိႏွစ္သက္ရာ စာသားေလးေတြ ထည့္ၿပီး စမ္းၾကည့္လိုက္ပါ။

ေနာက္ထပ္ အပိုင္းေတြကို ေနာက္ရက္ေတြမွာ ဆက္ေရးသြားပါမယ္။ တကယ္လို႔ ကၽြန္ေတာ္ေရးတာ အမွားပါခဲ့ရင္ အမွန္သိသူမ်ားကို ျပင္ေပးဖို႔ ေမတၱာရပ္ခံပါတယ္


မွတ္ခ်က္ အခုလို ပို႔ျဖစ္လာေအာင္ ကူညီေပးေသာ ကိုေ၀ယံလင္းကို အထူးေက်းဇူးတင္ပါသည္

Read More...

Summary only...