HTML Paragraph
သင့္၀က္ဆိုက္မွာ စာေရးတဲ့အခါ စာပိုက္ေတြကိုခြဲျပီးေရးႏိုင္တယ္၊ စာပိုဒ္ တစ္ပိုဒ္
စီမွာေတာ့ စာပိုဒ္ျဖစ္ေၾကာင္း HTML Tags နဲ႔ မွတ္သားထားရမယ္၊ စာပိုဒ္
အတြက္ အသံုးျပဳတဲ့
HTML Tags ကေတာ့ အဖြင့္ <p> နဲ႔ အပိတ္ </p> တို႔ပါ၊ အဖင့္ <p> နဲ႔ အပိတ္ </p> တို႔ကို စာပိုဒ္တစ္ခုရဲ့
အစ နဲ႔ အဆံုးမွာထည့္
ေပးျပီး စာပိုဒ္ျဖစ္ေၾကာင္းကို သတ္မွတ္ရပါတယ္၊ ေအာက္က ဥပမာ ကိုၾကည့္ပါ၊
<!DOCTYPE html>
<html>
<head>
<title>My Web Page </title>
</head>
<body>
<p> You win it’s your show now so what is gonna be, cause people
will tune in how many trined trick do we need to see.</p>
<p> You win it’s your show now so what is gonna be, cause people
will tune in how many trined trick do we need to see.</p>
</body>
</html>
အထက္က HTML Document ကို Run ၾကည့္လုိက္ပါ၊ ဒါဆိုေရးထားတုံုးက ေရာေရးထားေပမယ့္
သင့္၀က္ဆိုက္မွာေတာ့ စာပိုဒ္ေတြခြဲျပီး ေဖာ္ျပေနတာကို
ေတြ႔ရမွာပါ၊ ဒါကေတာ့ အဖြင့္
<p> နဲ႔ အပိတ္ </p> ဆိုတဲ့ Paragraph tags ထည့္ထားလို႔ပါ၊
HTML Line Break
စာပိုက္ေတာ့မခြဲခ်င္ဘူး စာေၾကာင္းပဲ ျခားခ်င္တယ္ဆိုရင္လဲ
စာေၾကာင္းျခားတဲ့ HTML tag ျဖစ္တဲ့ line break <br/> ကိုသံုးႏိုင္ပါတယ္၊ တစ္ခ်ိဳ႕ေတာ့
ေနာက္က မ်ဥ္းေစာင္းကိုထည့္မေရးဘူး၊ <br/> က အဖြင့္ ပိတ္ကို တစ္ခုထဲမွာပဲ လုပ္သြားတယ္၊
ေျပာခ်င္တာက အဖြင့္ <br> နဲ႔ အပိတ္ </br> ဆိုျပီးမရွိ
ဘူး၊ <br/>
ဆိုျပီးတစ္လံုးထဲပဲထည့္ရတယ္၊ အဖြင့္ နဲ႔ အပိတ္ မရွိတာေၾကာင့္ သူ႔ကို self closing
tag လို႔ေခၚတယ္၊ ထည့္ရမယ့္ ေနရာကို စာေၾကာင္းကို
အဆံုးသတ္ျပီး ေနာက္တစ္ၾကာင္းကိုေျပာင္းေစခ်င္တယ္ဆိုရင္
အဲ့ဒီ့ အဆံုးသတ္မယ့္ စာေၾကာင္းရဲ့ ေနာက္ဆံုးမွာထည့္ရမွာ၊ ေအာက္မွာဥပမာကိုၾကည့္ပါ၊
<!DOCTYPE html>
<html>
<head>
<title>My Web Page
</title>
</head>
<body>
You win it’s your show now so what is gonna
be, cause people will tune in how many trined trick do we need to see, befor
loose touch of
we though this was slow, will it’s best getting worse where
would all good people go. <br/>
You win it’s your show now so what is gonna
be, cause people will tune in how many trined trick do we need to see, befor
loose touch of
we though this was slow, will it’s best getting worse where
would all good people go.<br/>
You win it’s your show now so what is gonna
be, cause people will tune in how many trined trick do we need to see, befor
loose touch of
we though this was slow, will it’s best getting worse where
would all good people go.<br/>
You win it’s your show now so what is gonna
be, cause people will tune in how many trined trick do we need to see, befor
loose touch of
we though this was slow, will it’s best getting worse where
would all good people go.<br/>
</body>
</html>
အထက္က ဥပမာမွာ အဆံုးသတ္လိုတဲ့စာေၾကာင္းေတြရဲ့ေနာက္မွာ
<br/> ကိုထည့္ထားတယ္၊ ဒါေၾကာင့္ အဲ့ဒီ့စာေၾကာင္းအဆံုးသတ္သြားျပီး
ေနာက္ေရးသမွ်စာေတြအားလံုး
ေနာက္တစ္ၾကာင္းကိုေရာက္သြားမယ္၊
စာေၾကာင္းျခားတဲ့ Tag ျဖစ္တဲ့
<br/> နဲ႔ စာပိုက္ျခားတဲ့ tags ျဖစ္တဲ့ <p> </p> တို႔မတူၾကပါဘူး၊
စာပိုဒ္ tag အတြက္ browser က ေရွ႕နဲ႔ ေနာက္မွာ
ေနရာလြတ္ခ်န္ေပးထားပါတယ္၊ ႏို႔ေပမယ့္
စာေၾကာင္းျခားတဲ့ <br/> tag အတြက္ေတာ့ ေနရာလြတ္မထားေပးပါဘူး၊
HTML Horizonal Line
စာပိုက္တစ္ခုေအာက္မွာမ်ဥ္းေၾကာင္း ထားလို႔ရပါတယ္၊
Line မ်ဥ္းေၾကာင္းကို ကိုစားျပဳတဲ့ HTML tag ကေတာ့ <hr/> ျဖစ္ပါတယ္၊ သူလဲ
Line break tag
<br/> လိုပဲ self closing tag ပါ၊ အဖြင့္ အပိတ္ ႏွစ္ခုမရွိဘူး၊
မ်ဥ္းတားလိုတဲ့ စာပိုဒ္ရဲ့ေအာက္မွာ <hr/> လို႔ထည့္ေပးလိုက္တာနဲ႔ မ်ဥ္းေၾကာင္း
တစ္ေၾကာင္း
တားျပီးသားျဖစ္သြားမယ္၊ ေအာက္မွာဥပမာၾကည့္ပါ၊
<!DOCTYPE html>
<html>
<head>
<title>My Web Page
</title>
</head>
<body>
You win it’s your show now so what is gonna
be, cause people will tune in how many trined trick do we need to see, befor
loose touch of
we though this was slow, will it’s best getting worse where
would all good people go. <hr/>
You win it’s your show now so what is gonna
be, cause people will tune in how many trined trick do we need to see, befor
loose touch of
we though this was slow, will it’s best getting worse where
would all good people go.<hr/>
You win it’s your show now so what is gonna
be, cause people will tune in how many trined trick do we need to see, befor
loose touch of
we though this was slow, will it’s best getting worse where
would all good people go.<hr/>
You win it’s your show now so what is gonna
be, cause people will tune in how many trined trick do we need to see, befor
loose touch of
we though this was slow, will it’s best getting worse where
would all good people go.<hr/>
</body>
</html>
အထက္က ကုတ္ကို Run ၾကည့္လိုက္ရင္ စာတစ္ေၾကာင္းအဆံုးလို႔သတ္မွတ္ျပီး
<hr/> ထည့္ထားတဲ့စာသား အဆံုးမွာ မ်ဥ္းေၾကာင္းတစ္ေၾကာင္း ဆြဲထား
တာေတြ႔လိမ့္မယ္၊
အထက္က ဥပမာ မွာေတာ့ <hr/> ေလးခုပါေတာ့ မ်ဥ္းေလးေၾကာင္းေပါ့၊ <hr/> ကိုသံုးထားရင္ line break
<br/> ကိုသံုးစရာမလို
ေတာ့ပါဘူး၊ HTML tag နဲ႔ ထည့္ထားတဲ့မ်ဥ္းေၾကာင္းေတြကို အရြယ္အစား
နဲ႔ အေရာင္ခ်ိန္ညွိလို႔ရပါတယ္၊ ေနာက္ပိုင္းမွာ သင္ျပေပးပါမယ္၊
HTML Comments
HTML Doucment တစ္ခုေရးရင္း မွတ္သားစရာေပၚလာတယ္၊
မွတ္ခ်က္ထည့္စရာေပၚလာခဲ့တယ္ဆိုရင္ျဖင့္ အဲ့ဒီ့
HTML Document ထဲမွာပဲ မွတ္သား
ထားႏိုင္ပါတယ္၊ ေအာက္မွာ HTML Comment ထည့္တဲ့
ပံုကိုၾကည့္ပါ၊
<!DOCTYPE html>
<html>
<head>
<title>My Web Page
</title>
</head>
<body>
hey what are you doing
<!-- I am learning HTML -->
<body>
</html>
အထက္က HTML Document ကို Run လိုက္ရင္
hey what are you doing ဆိုတဲ့ စာသားကိုေတြ႔ရမယ္၊ ဒါေပမယ့္ I am learning HTML
ဆိုတဲ့စာသားကိုေတာ့ မေတြ႔ရပါဘူး၊ အေၾကာင္းကေတာ့ <!—I am learning HTML -->
ဆိုတဲ့စာသားက comment ျဖစ္ေနလို႔ပါ၊ အလုပ္လုပ္ေနရင္း
မွတ္သားခ်င္တာေတြရွိရင္ အဲ့ဒီ့ comment ထည့္တဲ့နည္းကိုသံုးျပီး မွတ္သားႏိုင္ပါတယ္၊
ေရးပံုကေတာ့ <!-- နဲ႔ --> တို႔ ၾကားမွာ
မွတ္သားလိုတဲ့
စာသားမွန္သမွ် ေရးရပါတယ္၊
