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

Thursday, December 15, 2011

Html basic (တတိယ ပိုင္း)


ဒါေလးကေတာ့....Html basic (တတိယ ပိုင္း) ေပါ့ .... ကၽြန္ေတာ္ အေရွ႕မွာ (ပထမ ပိုင္း) နဲ႔ (ဒုတိယ ပိုင္း) ကို
ေရးခဲ႔ ျပီးပါျပီ မဖတ္ရေသးရင္ ဖတ္ၾကည့္လိုက္ ပါဦးေနာ္ .. ဖတ္ျပီးေတာ့ မွဒါကို ဖတ္ေပါ့ ဗ်ာ..ကၽြန္ေတာ္ လဲ
ဒီရက္ ပိုင္းမွာဗ်ာ ေတာ္ေတာ္ ကံဆိုးေနတယ္... ကၽြန္ေတာ္ ေရးထားတဲ႔ webpag ေလးပ်က္စီးသြားလို႔ ....
နည္းနည္း အလုပ္ရႈပ္ေနတာနဲ႔ ပဲ....မတင္ျဖစ္တာ ...အခုေတာ့ ဖတ္လိုက္ပါဦး....ျပီးရင္စမ္းၾကည့္ေပါ့ဗ်ာ့...
Virus အႏ ၱရယ္ေတာ့ သတိထားေပါ့...ကၽြန္ေတာ္လဲ အဲ့ဒါ နဲ႔ ခံစားခဲ႔ ရတာေလ.....ဖတ္ၾကည့္လိုက္ပါဦး...
Image (ပံုတင္ ျခင္း)....
Webpage ေတြမွာ ပံုေလးေတြတင္ထား တာကိုေတြ႔ ဖူးၾကပါလိမ့္မယ္....website တစ္ခုမွာ ပံုကလဲ အေရးပါပါ
တယ္...ႏို႔မို႔ဆို  plane ၾကီးျဖစ္ေနမွာေပါ့...ဒီေတာ့ ကိုယ္ႏွစ္သက္တဲ႔ ပံုေလးေတြကို ထည့္ရေအာင္ ဒီ code
ေလးေတြကို သံုးေပါ့ဗ်ာ..
<img src=“ ဒီေနရာမွာ URL ထည့္ ရမယ္ ”> src ကေတာ့ ပံု ရဲ႕ source ေပါ့ဗ်ာ..
ပံုေတြကို အလယ္ပို႔ခ်င္ရင္ <center><img src=“ ဒီေနရာမွာ URL”></center>
ပံုေတြကို ျခားခ်င္ရင္ hspace=“ ကိုယ္ၾကိဳက္သေလာက္ထည့္ ” ဒါကေတာ့ အလ်ားလိုက္ေပါ့...
                         Vspace=“ ကိုယ္ၾကဳက္သေလာက္ထည့္ ” ဒါကေတာ့ ေဒါင္လုိက္ေပါ့....
သူတို႔ ကို URL ရဲ႕ေနာက္မွာ ထည့္ေပးရပါ့မယ္...
(ဥပမာ...<img src=“ ဒီေနရာမွာ URL” hspace=“ ကိုယ္ၾကိဳက္သေလာက္ထည့္ ” >) ဒီလိုေရးရပါ့မယ္...
ပံုကို ေဘာင္ခပ္ ခ်င္ရင္..<img src= ဒီေနရာမွာ URL ထည့္ ရမယ္ ” border=“1”>
Border ကို 0,1,2 ဆိုျပီးေတာ့ .. ထည့္ႏိုင္ပါတယ္...
မွတ္ခ်က္... ပံုတင္တဲ႔ file type ေတြကေတာ့..gif, jpg, jepg, png တို႔ကိုသာ တင္လို႔ရပါတယ္......
Table....
Webpage တစ္ခု အတြက္ table ကလဲ မရွိမျဖစ္ပါပဲ ..စာေတြကို table ထဲထည့္မွာ ေသေသ သပ္သပ္
ရွိမွာ ျဖစ္ပါတယ္...
Table ဆြဲ ရာတြင္ သိထားရမွာေတြကေတာ့....
1.Table - ဆြဲရင္ row အလုိက္ေရးရမယ္...
2.Table - အကြက္ေတြကို cell ေတြလို႔ ေခၚတယ္....
3.tr = table row
4.td = table data
5.Cell ကြက္ေတြကို အကြာအေ၀းထားလိုက cell spacing
6.Cell ကြက္ေတြကို ခ်ဲ႕ရင္ cellpadding
7.Row တစ္ခုလံုးကို အေရာင္ ထည့္ရင္ <tr> မွာထည့္
8.Cell တစ္ကြက္ ျခင္းကို color ထည့္ရင္ <td> မွာထည့္ရ
9.ေခါင္းစဥ္ တပ္ရင္ <caption>
Table တစ္ခုေလာက္ ကၽြန္ေတာ္ နဲ႔ အတူတူ ဆြဲ ၾကည့္ရေအာင္....
<html>
<head><title>Table</title>
</head>
<body>
<table align=”center” border=”1” cellspacing=”0” bordercolor=”blue” cellpadding=”3”
 Width=”20” height=”30”>
<tr align=”center” bgcolor=”blue”>
<td bgcolor=red> ဒီၾကားထဲ မွာ အေၾကာင္းအရာေရးပါ</td>
</tr></table>
</body></html>
ျပီးရင္ save လိုက္ေပါ့ဗ်ာ .... ဒါဆို table တစ္ခု ဆြဲျပီးသြားျပီေပါ့...
Width ကေတာ့ column နဲ႔ ဆိုင္တယ္...
Height ကေတာ့ row နဲ႔ ဆိုင္တယ္...
ဇယား ကြက္ထဲရွိ စာကိုထိပ္ကို ကပ္ရင္...
Valign=top,middle,bottom ဆိုျပီးထည့္လို႔ ရပါတယ္...
Table ဇယားကို အလြတ္ လိုခ်င္ရင္ <td>&nbsp;</td> ဆိုျပီးေရးပါ...
Frame..
internal frame <iframe>...</iframe>
ဒါကေတာ့ Link ေဘးမွာ သူနဲ႔ဆိုင္တဲ႔ page ကို ေပၚေစခ်င္ရင္ေရးတာပါ....
<iframe name=a>
<iframe src=”URL” name=a>
</iframe>
Attribute ....width,height တို႔ထည့္လို႔ရပါတယ္...
ကၽြန္ေတာ္ နဲ႔အတူတူ iframe တစ္ခုေလာက္ ေရးၾကည့္ရေအာင္...
<html>
<head><title>Iframe</title></head>
<body>
<a href=”URL” target=right>ဒီေနရာမွာေတာ့ ကိုယ္ၾကိဳက္တ့ဲနာမည္ေရးေပါ့</a>
<iframe name=right></iframe>
</body></html>
ဒါဆို ရပါျပီ.....
Frame.<body text မသံုးရ>
Frame ဆိုတာကေတာ့ page ကို ပိုင္းျပီးေတာ့ ေရးတာပါ....
ဥပမာ- စာမ်က္ႏွာက 100% ရွိပါတယ္ အဲ့ဒါကို frame နဲ႔ ႏွစ္ပိုင္းပိုင္းခ်င္တယ္ ဆိုရင္ 50%,50% ျဖစ္သြား
ပါလိမ့္မယ္......အဲ့ လိုေလးျဖစ္ေအာင္ေရးၾကည့္ရေအာင္....
<html>
<head><title>Frame</title></head>
<frameset rows=”50%,50%”>
<frame src=”URL” name=a>
<frame src=”URL” name=b>
</frameset>
</html>
ဒါဆို webpage မွာ 50% စီ ပိုင္းသြားပါလိမ့္မယ္......rows ကေတာ့ အလ်ားလိုက္ ပိုင္းခ်င္လို႔သံုးတာျဖစ္ပါ
တယ္...
အသံုးအမ်ားဆံုး frame ပံုစံေလးပါ....
<frameset rows=”20%,*”>
<frame src=”URL” name=a>
<frameset cols=”20%,*”>
<frame src=”URL” name=b>
<frame src=”URL” name=c>
</frameset></frameset>
</html>
ျပီးရင္ save ျပီးေတာ့ run ၾကည့္လိုက္ဗ်ာ... အဲ့ ပံုစံေလးကေတာ့ ေတာ္ေတာ္ အသံုး၀င္တယ္...
ဒီေနေတာ့... ဒီေလာက္ပဲေနာ္ ေနာက္ပိုင္းဆက္တင္ေပးပါဦးမယ္...အာလံုးအဆင္ေျပမယ္လို႔ ေမွ်ာ္လင့္
ပါတယ္...အဆင္မေျပရင္ ကၽြန္ေတာ့္ account bravit.james@gmail.com ကိုေမးလို႔ရပါတယ္..

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 ေလးလုပ္ထားပါတယ္ နာမည္ကေတာ့ “နည္းပညာဆိုင္ရာေလ့လာဖို႔” ပါ။အဲ႔ မွာလဲ ေမး
လို႔ရပါတယ္ ....ဘိုင္းဘိုင္............