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 ကိုေမးလို႔ရပါတယ္..

No comments:

Post a Comment