This is about Me !

My photo
I am a programmer.

Thanks for visiting my blog, I hope you will be getting something from this. I would like to share what I knew and please you could be reshared what you knew.

www.facebook.com/Kyaw Bo Lin

Sunday, December 11, 2011

HTML basic (ဒုတိယ ပိုင္း)


ဒီ တခါ ဒုတိယ ပိုင္းကို ေရာက္ျပီဆိုေတာ့ ပထမ ပိုင္းကို ဖတ္ျပီးေလာက္ျပီ ထင္ပါတယ္။ ပထမ ပုိင္း
ကို မဖတ္ရေသးသူမ်ား အေရွ႕ မွာ ကၽြန္ေတာ္ တင္ေပးခဲ ့ျပီးပါျပီ ဖတ္လိုက္ပါဦး ... ျပီးေတာ့ မွ
ဒုတိယ ပိုင္းကို ဖတ္ပါ ဒါမွ နားလည္ပါလိမ့္မယ္။ ေျပာ ေနၾကာတယ္ ဒုတိယ ပိုင္းကို ခပ္ သြက္သြက္
ေလးသြားလိုက္ေတာ့မယ္........
Horizontal lin <hr> မ်ဥ္းတားျခင္း.........
ဒါေလးကေတာ့ မိမိ webpage မွာ လိုင္းေလ ေတြတားခ်င္တယ္ ဆိုရင္ေတာ့...............
<hr color=red> ဒါကေတာ့ color အတြက္ပါ.......
<hr size=5> ဒါကေတာ့ လိုင္းရဲ႕ ဆိုဒ္ပါ......... ဒီ အထဲ မွာ အက်ယ္ကိုလဲ ထည့္လို႔ရပါေသးတယ္.
<hr color=red size=5 width=50%> ဒါကေတာ့ အက်ယ္ ကိုထည့္လုိက္တာပါ .....
ဒါေလးေတြကုိ notepad ထဲ ထည့္ျပီးေတာ့ run ၾကည့္လိုက္ပါ ကြဲ ျပားသြားတာကိုေတြ႔ ရပါလိမ့္မယ္..
Attribute <4> .............
ဒါကေတာ့ code ေတြ ထဲမွာ ထည့္ျပီး သံုးလို႔ ရတာေလးေတြပါ.......
(1) size
(2) color
(3) width
(4) Align
color ရဲ႕ ေနာက္ မွာ(၂) မ်ိဳးလိုက္ပါတယ္...
(1) color ကို rgb(...,...,..) ဒီလိုလဲ ေရးလို႔ ရသလို..
(2) color cote (စိတ္ၾကိဳက္) # နဲ႔ေရး လဲ ရတယ္...
# ေနာက္မွာ Character 6 လံုးထိ လိုက္လို႔ရတယ္...
(ဥပမာ) color=#FUSVLA
           color=#298410
A to Z (ဒါမွမဟုတ္) 1 to 9 အထိလဲ ရွိပါတယ္ ၾကိဳက္တဲ႔ code နဲ႔ ေရးလို႔ပါတယ္။
Background color ( ေနာက္ခံအေရာင္ထည့္ျခင္း)<bg color>
<html>
<body bgcolor=blue></body>
</html>
color code ကိုေတာ့ ကၽြန္ေတာ္ အေပၚ မွာ ေဖာ္ျပထားတဲ႔ အတိုင္း ေရးလုိက္ပါ။ color ေတြကို
အေရာင္နာမည္ နဲ႔ လည္းထည့္လို႔ ရပါတယ္။
Character Emphasis (စာအေနအထားျပင္ျခင္း)
<b>Bold</b>  စာလံုးကို ထူေအာင္လုပ္တဲ႔ code ပါ။
<i>Itilic</i>  စာလံုး အေစာင္းေလးေတြ လုပ္တဲ့ code ပါ။
<u>Under</u> underline ေလးတားတာပါ။
<strong>Strong</strong> ဒီေကာင္က bold နဲ႔ တူပါတယ္။
<cite>Cite</cite> ဒီေကာင္လဲ itilic နဲ႔တူပါတယ္။
<em>Exphasis</em> သူလဲ အေစာင္း code ေလးပါ။
<strike>Strikethrough</strike> စာလံုးေတြကို ဖ်က္ခ်င္တဲ႔ အခါ သံုးပါတယ္။
<big>Bigger</big> ပံုမွန္ထက္ ပိုၾကီးပါတယ္။
<small>Smaller</small> ပံုမွန္ထက္ ပိုေသးပါတယ္။
<tt>Type writen text</tt> သူကေတာ့ font မပါပဲ text သီးသန္းေရးတာပါ။
<scrp>Superscript</scrp> သူကေတာ့ စာလံုးေတြကို ေပၚတင္တာပါ။(ဥပမာ-2nd)ဒီလိုပါ။
<sub>Subscript</sub> သူက စာလံုးကိုေအာက္ ကို ခ်တဲ့ေကာင္ပါ။(ဥပမာ-H2o)အဲ့လိုပါ...
List (Number and Bullets) တပ္ျခင္း
list မွာ order list နဲ႔ unorder list ဆိုျပီးေတာ့ ႏွစ္မ်ိဳးရွိပါတယ္။
Order list ကေတာ့ နံပါတ္ေတြကို တပ္တဲ႔ list ပါ...
ကၽြန္ေတာ္ တို႔ တစ္ခုေလာက္ ေရးၾကည့္ ရေအာင္ဗ်ာ.........
1.Chapter One
2.Chapter Two  ကိုေရးၾကည့္ရေအာင္............
<ol type=1>
          <li>Chapter One</li>
          <li>Chapter Two</li>
</ol>
ဒါဆိုရပါ ျပီ.............(1) ေနရာမွာ မိမိ စိတ္ၾကိဳက္ နံပါတ္ ေျပာင္းလို႔ရပါတယ္..A တို႔ I,II,III တို႔လို
ေျပာင္းလို႔ ရပါတယ္..
unorder list ကေတာ့ သေကၤတ တပ္ျခင္းပါ.....<ul>..</ul>
သူ႔ မွာေတာ့ (၃) မ်ိဳးရွိပါတယ္......
dist ရယ္ circle ရယ္ square ဆိုျပီးေတာ့ (၃)မ်ိဳးရွိပါတယ္............
. One
. Two
. Three ကိုေရး ၾကည့္ရေအာင္........
<ul type=dist>
<li>One</li>
<li>Two</li>
<li>Three</li>
</ul>
ဆိုရင္ေတာ့ ရပါျပီ.........
ဒါဆိုရင္ေတာ့ စာေလးေတြကို list ေလးေတြ တပ္ျပီးေတာ့ ေရးလို႔ ရျပီေပါ့.. အားလံုး အဆင္ေျပမယ္
လို႔ ေမွ်ာ္လင့္ပါတယ္...... ကၽြန္ေတာ္ လဲေက်ာင္းတက္ေနရတယ္ ဆိုေတာ့ မအားတာနဲ႔ ဒုတိယ တစ္ခုု
ကိုမတင္ျဖစ္ေသးတာ ေနာက္တတိယ ပိုင္းကိုေတာ့ အားရင္ထပ္တင္ေပးသြားပါ့မယ္....ကၽြန္ေတာ္လဲ
အိပ္ခ်င္ေနျပီ ဒီေန႔ေတာ့ ဒီေလာက္ပဲေနာ္.....တတိယ ပိုင္းကို ဆက္လက္ ဖတ္ၾကတာ ေပါ့...
အဆင္မေျပ ရင္ ကၽြန္ေတာ့္ account ကို ဆက္သြယ္ေမးျမန္ ႏိုင္ပါတယ္.. ပထမ ပိုင္းမွာေတာ့ ေျပာျပ
ထားပါတယ္...ေမ့သြားရင္ ျပန္ေျပာျပပါ့မယ္...bravit.james@gmail.com ပါ ကၽြန္ေတာ္ facebook
မွာလဲ page ေလးလုပ္ထားပါတယ္ နာမည္ကေတာ့ “နည္းပညာဆိုင္ရာေလ့လာဖို႔” ပါ။အဲ႔ မွာလဲ ေမး
လို႔ရပါတယ္ ....ဘိုင္းဘိုင္............  


No comments:

Post a Comment