Html_3



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 ofwe 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 ofwe 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 ထည့္တဲ့နည္းကိုသံုးျပီး မွတ္သားႏိုင္ပါတယ္၊ ေရးပံုကေတာ့ <!--  နဲ႔ --> တို႔ ၾကားမွာ မွတ္သားလိုတဲ့ စာသားမွန္သမွ် ေရးရပါတယ္၊

No comments

Powered by Blogger.