HTML မွာ စာတစ္ေၾကာင္းဆင္းခ်င္ရင္ေတာ့ <br/> ကိုသံုးပါတယ္။ သူ႕မွာ close tag
မပါဘူး။ <br/> ပဲေရးေရး <br> ပဲေရးေရးရပါတယ္။
<html>
<head>
<title>Example</title>
</head>
<body>
First Line<br/>Second Line<br>Third Line
</body>
</html>
Bold, Italic , Underline Tag
bold မို႕လို႕ ကၽြန္ေတာ္တို႕ေတြ <b> ကိုသံုးပါမယ္။ ေနာက္ျပီး italic မို႕လို႕ <i> ေပါ့။ ဒါဆိုရင္ Underline
ကဘာလဲဆိုရင္ သိျပီးသားေလာက္ပါ။ ကၽြန္ေတာ္တို႕ေတြ <u> ကိုသံုးပါမယ္။ အဲဒါကို notepad ထဲမွာ ဒီလိုေရးျပီး
run လိုက္ရင္ရပါတယ္။
<html>
<body>
<b>This is bold</b> <br/>
<i>This is italic</i> <br/>
<u>This is underline</u> <br/>
</body>
</html>
Bold လုပ္မယ္။ ေနာက္ျပီး အဲဒါကို underline သားမယ္။ ဒါမွ မဟုတ္ italic လုပ္မယ္။ အဲလိုမ်ဳိးလုပ္ခ်င္တယ္။
ရပါတယ္။ tag ေတြထဲမွာ tag ေတြထည့္လိုက္ေပါ့။ ဒီလိုထည့္လို႕ရပါတယ္။
<i><b>This is bold italic </b></i>
<u><i><b>This is bold italic </b></i></u>
အဲလိုမ်ဳိးေရးလို႕ရပါတယ္။ တခ်ဳိ႕လူေတြက ေမးတတ္တယ္။
<i> နဲ႕စမွ ရမွာလား။ ဒီလိုတိုင္း အစဥ္တိုင္းေရးမွ ရမွာလား။ ေနာက္ျပီး <b><i></b></i> အဲလိုမ်ဳိးေတြေကာ
ပိတ္လို႕မရဘူးလား။
ဘာနဲ႕ စစရပါတယ္။ အစဥ္တိုင္းမဟုတ္ပဲ <b><i> This is bold italic </i></b> လို႕ေရးလည္းျဖစ္ပါတယ္။
ေနာက္ျပီး tag အဖြင့္ေတြ အပိတ္ေတြက ၾကိဳက္သလိုျဖစ္ေနလို႕ရပါတယ္။ ဒါေပမယ့္ structure က်က်ေလး။
ပံုစံက်က်ေလး ျဖစ္ေနရင္ေကာင္းတာေပါ့။ ေနာက္မို႕ဆို code ကိုျပန္ဖတ္ရခက္တာေပါ့။
Pre Tag
ကၽြန္ေတာ္တို႕ေတြ စာတစ္ေၾကာင္းဆင္းရမွာ မၾကိဳက္ဘူး။ Enter ေခါက္လိုက္ရံုနဲ႕တင္ တစ္ေၾကာင္းဆင္းခ်င္တယ္။
အလြယ္ဆံုး နည္းလမ္းကေတာ့ dream weaver သံုးလိုက္ျခင္းပဲ။ အဲဒါဆိုရင္ေတာ့ HTML
နားလည္မွာမဟုတ္ေတာ့ဘူး။ ေနာက္တစ္နည္းကေတာ့ <pre> ပါ။ ဒါေပမယ့္ သူက font ပံုစံေျပာင္းသြားတယ္။
အဲဒါက ကိစၥ မရိွပါဘူး။ ေနာက္ပိုင္း font ေတြဘယ္လိုေျပာင္းရလဲ ဆိုတာသိလာရင္ လာျပင္လုိက္လို႕ရပါတယ္။
ေနာက္ျပီး <pre> မွာ သူက tab ေခါက္ထားတာေတြ အစသိပါတယ္။
<html>
<head>
<title>Example</title>
</head>
<body>
<pre>Pre Tag, Now Enter
Now Tab Tab
</pre>
</body>
</html>
Paragraph Tag
ကၽြန္ေတာ္တို႕ေတြ စာေတြကို paragraph ပံုစံေရးခ်င္တယ္။ စာပိုဒ္ေတြနဲ႕ ေရးမယ္ေပါ့။ ဒါဆိုရင္ <p>
ကိုသံုးလို႕ရပါတယ္။ သူက အပိတ္ tag မပါလည္းရပါတယ္။ ထည့္ရင္ေတာ့ ပိုေကာင္းတာေပါ့။
<html>
<head>
<title>Example</title>
</head>
<body>
<h1>About Notepad</h1>
<p>Notepad is a basic text editing program and it is most commonly used to view or edit
text files. A text file is a file type typically identified by the .txt file name extension.</p>
<b> How do I change the font style and size?</b>
<p>Changes to the font style and size affect all the text in the document.<br/>
Click the Format menu, and then click Font.<br/>
Make your selections in the Font, Font style, and Size boxes.<br/>
An example of how your font will look appears under Sample.<br/>
When you are finished making font selections, click OK.<br></p>
</body>
</html>
ဒါဆိုရင္ ဒီလိုေပၚပါတယ္
Horizonal Line
ကၽြန္ေတာ္တို႕ေတြ horizonal မ်ဥ္းသားခ်င္တ့ ဲ အခါမွာ သုံးလို႕ရပါတယ္။ သုံးပုံသုံးနည္းကေတာ့ <hr> ပါပဲ။ close
tag မပါပါဘူး။
<html>
<head>
<title>Example</title>
</head>
<body>
<h1>About Notepad</h1>
<p>Notepad is a basic text editing program and it is most commonly used to view or edit
text files. A text file is a file type typically identified by the .txt file name extension. </p>
<hr>
<h1> How do I change the font style and size?</h1>
<p>Changes to the font style and size affect all the text in the document.<br/>
Click the Format menu, and then click Font.<br/>
Make your selections in the Font, Font style, and Size boxes.<br/>
An example of how your font will look appears under Sample.<br/>
When you are finished making font selections, click OK.<br></p>
</body>
</html>
အထက္ပါ code ကို run လိုက္ရင္ ဒီလိုျမင္ရမယ္။ အဲမွာ <hr> ထည့္ထားတ့ေဲ နရာက line ေလးတားထားတာကို
ျမင္ရပါလိမ့္မယ္။
ကၽြန္ေတာ္တို႕ေတြဟာ tag ေတြမွာလည္း attribute ေတြထည့္ျပီး သံုးႏိုင္ပါတယ္။ attribute ဆိုတာကေတာ့ အဲဒီ
tag ပိုင္ဆိုင္တ့ ဲ properties ေပါ့။ tag တိုင္းမွာေတာ့ attribute မရိွပါဘူး။ ေနာက္ပို ့စ္မွာေတာ့ body မွာပါတဲ့ color
attribute အေၾကာင္းေလးဆက္ေျပာပါမယ္။။။။။။။
မပါဘူး။ <br/> ပဲေရးေရး <br> ပဲေရးေရးရပါတယ္။
<html>
<head>
<title>Example</title>
</head>
<body>
First Line<br/>Second Line<br>Third Line
</body>
</html>
Bold, Italic , Underline Tag
bold မို႕လို႕ ကၽြန္ေတာ္တို႕ေတြ <b> ကိုသံုးပါမယ္။ ေနာက္ျပီး italic မို႕လို႕ <i> ေပါ့။ ဒါဆိုရင္ Underline
ကဘာလဲဆိုရင္ သိျပီးသားေလာက္ပါ။ ကၽြန္ေတာ္တို႕ေတြ <u> ကိုသံုးပါမယ္။ အဲဒါကို notepad ထဲမွာ ဒီလိုေရးျပီး
run လိုက္ရင္ရပါတယ္။
<html>
<body>
<b>This is bold</b> <br/>
<i>This is italic</i> <br/>
<u>This is underline</u> <br/>
</body>
</html>
Bold လုပ္မယ္။ ေနာက္ျပီး အဲဒါကို underline သားမယ္။ ဒါမွ မဟုတ္ italic လုပ္မယ္။ အဲလိုမ်ဳိးလုပ္ခ်င္တယ္။
ရပါတယ္။ tag ေတြထဲမွာ tag ေတြထည့္လိုက္ေပါ့။ ဒီလိုထည့္လို႕ရပါတယ္။
<i><b>This is bold italic </b></i>
<u><i><b>This is bold italic </b></i></u>
အဲလိုမ်ဳိးေရးလို႕ရပါတယ္။ တခ်ဳိ႕လူေတြက ေမးတတ္တယ္။
<i> နဲ႕စမွ ရမွာလား။ ဒီလိုတိုင္း အစဥ္တိုင္းေရးမွ ရမွာလား။ ေနာက္ျပီး <b><i></b></i> အဲလိုမ်ဳိးေတြေကာ
ပိတ္လို႕မရဘူးလား။
ဘာနဲ႕ စစရပါတယ္။ အစဥ္တိုင္းမဟုတ္ပဲ <b><i> This is bold italic </i></b> လို႕ေရးလည္းျဖစ္ပါတယ္။
ေနာက္ျပီး tag အဖြင့္ေတြ အပိတ္ေတြက ၾကိဳက္သလိုျဖစ္ေနလို႕ရပါတယ္။ ဒါေပမယ့္ structure က်က်ေလး။
ပံုစံက်က်ေလး ျဖစ္ေနရင္ေကာင္းတာေပါ့။ ေနာက္မို႕ဆို code ကိုျပန္ဖတ္ရခက္တာေပါ့။
Pre Tag
ကၽြန္ေတာ္တို႕ေတြ စာတစ္ေၾကာင္းဆင္းရမွာ မၾကိဳက္ဘူး။ Enter ေခါက္လိုက္ရံုနဲ႕တင္ တစ္ေၾကာင္းဆင္းခ်င္တယ္။
အလြယ္ဆံုး နည္းလမ္းကေတာ့ dream weaver သံုးလိုက္ျခင္းပဲ။ အဲဒါဆိုရင္ေတာ့ HTML
နားလည္မွာမဟုတ္ေတာ့ဘူး။ ေနာက္တစ္နည္းကေတာ့ <pre> ပါ။ ဒါေပမယ့္ သူက font ပံုစံေျပာင္းသြားတယ္။
အဲဒါက ကိစၥ မရိွပါဘူး။ ေနာက္ပိုင္း font ေတြဘယ္လိုေျပာင္းရလဲ ဆိုတာသိလာရင္ လာျပင္လုိက္လို႕ရပါတယ္။
ေနာက္ျပီး <pre> မွာ သူက tab ေခါက္ထားတာေတြ အစသိပါတယ္။
<html>
<head>
<title>Example</title>
</head>
<body>
<pre>Pre Tag, Now Enter
Now Tab Tab
</pre>
</body>
</html>
Paragraph Tag
ကၽြန္ေတာ္တို႕ေတြ စာေတြကို paragraph ပံုစံေရးခ်င္တယ္။ စာပိုဒ္ေတြနဲ႕ ေရးမယ္ေပါ့။ ဒါဆိုရင္ <p>
ကိုသံုးလို႕ရပါတယ္။ သူက အပိတ္ tag မပါလည္းရပါတယ္။ ထည့္ရင္ေတာ့ ပိုေကာင္းတာေပါ့။
<html>
<head>
<title>Example</title>
</head>
<body>
<h1>About Notepad</h1>
<p>Notepad is a basic text editing program and it is most commonly used to view or edit
text files. A text file is a file type typically identified by the .txt file name extension.</p>
<b> How do I change the font style and size?</b>
<p>Changes to the font style and size affect all the text in the document.<br/>
Click the Format menu, and then click Font.<br/>
Make your selections in the Font, Font style, and Size boxes.<br/>
An example of how your font will look appears under Sample.<br/>
When you are finished making font selections, click OK.<br></p>
</body>
</html>
ဒါဆိုရင္ ဒီလိုေပၚပါတယ္
Horizonal Line
ကၽြန္ေတာ္တို႕ေတြ horizonal မ်ဥ္းသားခ်င္တ့ ဲ အခါမွာ သုံးလို႕ရပါတယ္။ သုံးပုံသုံးနည္းကေတာ့ <hr> ပါပဲ။ close
tag မပါပါဘူး။
<html>
<head>
<title>Example</title>
</head>
<body>
<h1>About Notepad</h1>
<p>Notepad is a basic text editing program and it is most commonly used to view or edit
text files. A text file is a file type typically identified by the .txt file name extension. </p>
<hr>
<h1> How do I change the font style and size?</h1>
<p>Changes to the font style and size affect all the text in the document.<br/>
Click the Format menu, and then click Font.<br/>
Make your selections in the Font, Font style, and Size boxes.<br/>
An example of how your font will look appears under Sample.<br/>
When you are finished making font selections, click OK.<br></p>
</body>
</html>
အထက္ပါ code ကို run လိုက္ရင္ ဒီလိုျမင္ရမယ္။ အဲမွာ <hr> ထည့္ထားတ့ေဲ နရာက line ေလးတားထားတာကို
ျမင္ရပါလိမ့္မယ္။
ကၽြန္ေတာ္တို႕ေတြဟာ tag ေတြမွာလည္း attribute ေတြထည့္ျပီး သံုးႏိုင္ပါတယ္။ attribute ဆိုတာကေတာ့ အဲဒီ
tag ပိုင္ဆိုင္တ့ ဲ properties ေပါ့။ tag တိုင္းမွာေတာ့ attribute မရိွပါဘူး။ ေနာက္ပို ့စ္မွာေတာ့ body မွာပါတဲ့ color
attribute အေၾကာင္းေလးဆက္ေျပာပါမယ္။။။။။။။
Post a Comment