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)
No comments:
Post a Comment