Basic HTML - LESSION (3) အဆက္


Basic HTML
LESSION (3) အဆက္

HTML Font Style

- စာလံုးထူထူ(Bold ) အတြက္ Tag <b> ကိုအသံုးျပဳမယ္။
- စာလံုးေစာင္း(Italic) အတြက္ Tag <i> ကိုအသံုးျပဳမယ္။
- စာလံုးေအာက္မွာUnderline ဆြဲမယ္ဆိုရင္ Tag <u>ကိုအသံုးျပဳမယ္။
Example
<p><b>This is Bold</b></p>
<p><i>This is  Italic</i></p>
<p><b><i>This is Bold and Italic</i></b></p>
<p><u><b><i>This is Bold and Italic</i></b></u></p>
Result
This is Bold
This is Italic
This is Bold and Italic
This is Bold and Italic

HTML Body Style

Web page ရဲ႕ ေနာက္ခံအေရာင္ကို ေျပာင္းလဲလုပ္လိုတဲ႕အခါ အသံုးျပဳပါမယ္။
Hex code နဲ႔ေရးမယ္ဆိုရင္ "color:#hex code" လို႔ေရးမယ္။
# ပါမွရမယ္ဆိုတာ သတိထားပါ။
Colour Hex code ေတြကို ဒီေနရာ http://www.w3schools.com/html/html_colors.asp
မွာ သြားၾကည္႔ပါ။

Example(1)
<body style="background-color:lightgrey">
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
 ** အထက္ပါ code ကို Notepad ေပၚ ကူး၊Save as လုပ္ၿပီး သင္ကိုယ္တိုင္ Result ထုတ္ၾကည္႔ပါ။

Example(2)
<body style="background-color:#606060 ">
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
** အထက္ပါ code ကို Notepad ေပၚ ကူး၊Save as လုပ္ၿပီး သင္ကိုယ္တိုင္ Result ထုတ္ၾကည္႔ပါ။
** Save as လုပ္နည္းေမ႔သြားလွ်င္ LESSION (1)မွာျပန္ၾကည္႔ပါ။

HTML Line Style

ေရညီမ်ဥ္း(horizontal line) ကို Tag <hr> နဲ႔ေရးတာ အေ႐ွ႕မွာျပခဲ႔ၿပီးျဖစ္တယ္။
End Tag ကိုေရးဖို႔မလိုပါ။
မ်ဥ္းကိုအေရာင္ထည္႔မယ္ဆိုရင္ ဒီလိုေရးမယ္။

line 1<hr style="color:red;">
line 2<hr style="color:#990000">

Result
line 1

line 2

LESSION (3) ကိုဒီမွာရပ္နားပါမယ္။
ေနာက္သင္ခန္းစာမွာေ႐ြ႕လ်ားေနတဲ႔ စာလံုးေျပး(Moving Fonts)ေတြကိုဆက္လက္ေဖာ္ျပပါမယ္။
LESSION (1)(2)(3) ကိုေၾကညက္ေအာင္ေလ႔က်င္႔ပါ။

@@@@@@@@@@@@@@@@@@@@@@@@@@@
ဆက္စပ္ သင္ခန္းစာမ်ား
(1) LESSION (1)    (2) LESSION (2)      (3) LESSION (3)

Comments