Monday 6 October 2014

Code တူဝ္လိꨀ္ꨳလꨰꨓ္ꨳꨓိူဝ္ဝꨰပ္ꨵသꨯꨵ(တ္) ꨬလꨳလꨯꨤးꨅ္ꨮꨵတိုဝ္းꨕꨣꨲသꨣꨲ HTML




Code တူဝ္လိꨰꨓင္းꨀꨮꨣးသꨯꨤꨵ <marquee direction="left"> သ္ꨮꨲꨁꨣꨳꨀꨮꨤမ္း</marquee>
Code တူဝ္လိꨰꨓင္းသꨯꨤꨵꨀꨮꨣ <marquee direction="right"> သ္ꨮꨲꨁꨣꨳꨀꨮꨤမ္း </marquee>
Code တူဝ္လိꨰꨓꨳꨀꨮꨣꨲꨰꨓ <marquee behavior="alternate"> သ္ꨮꨲꨁꨣꨳꨀꨮꨤမ္း </marquee>
Code တူဝ္လိꨰꨓꨳꨁိုင္းိူဝ္ <marquee direction="up"> သ္ꨮꨲꨁꨣꨳꨀꨮꨤမ္း </marquee> 
Code တူဝ္လိꨰꨓလူင္းတင္းတ္ꨮꨳ <marquee direction="down"> သ္ꨮꨲꨁꨣꨳꨀꨮꨤမ္း </marquee>


Code တူဝ္လိꨰꨓꨳꨁိုꨰꨓလူင္း <marquee direction="up" behavior="alternate"> သ္ꨮꨲꨁꨣꨳꨀꨮꨤမ္း </marquee>                                                                       Code တူဝ္လိꨰꨓꨳꨁိုလူင္းိူ္း <marquee behavior="alternate" direction="up" width="80%"> <marquee direction="right">သ္ꨮꨲꨁꨣꨳꨀꨮꨤမ္း</marquee></marquee>
Code တူဝ္လိꨰꨓꨳꨀꨮꨣꨲ/းဝ  <marquee behavior="alternate" direction="up" width="80%"> <marquee direction="right" behavior="alternate"> သ္ꨮꨲꨁꨣꨳꨀꨮꨤမ္း </marquee> </marquee> 
Code ပိုꨀꨤင္ꨲꨀꨮꨣꨲꨓꨣꨳလင္ <marquee behavior="alternate" width="10%"> >> </marquee> သ္ꨮꨲꨁꨣꨳꨀꨮꨤမ္း <marquee behavior="alternate" width="10%"> < < </marquee> 
Code ပိုꨀꨤင္ꨲꨅꨵꨡ <MARQUEE scrollAmount=3 width="10%"> < < < < </MARQUEE> သ္ꨮꨲꨁꨣꨳꨀꨮꨤမ္း <MARQUEE scrollAmount=3 direction=right width="10%">>>>> </MARQUEE> 
Code ပိုꨀꨤင္ꨲꨅꨵꨁဝ္ <MARQUEE behavior=alternate direction=left scrollAmount=3 width="4%"> <font face=Webdings> <<< </font> </MARQUEE> <MARQUEE scrollAmount=1 direction=left width="2%"> | | | </MARQUEE> သ္ꨮꨲꨁꨣꨳꨀꨮꨤမ္း <MARQUEE scrollAmount=1 direction=right width="2%"> | | | </MARQUEE> <MARQUEE behavior=alternate direction=right scrollAmount=3 width="4%"> <font face=Webdings> >>> </font> </MARQUEE>
Code
ꨁꨣꨳꨀꨮꨤမ္းလꨰꨓꨳꨓးဝူင္ꨳꨀꨤင္ဝ <marquee behavior=alternate direction=up scrollamount=2 scrolldelay=65 height=80 "Text-align;filter:wave(add=0,phase=1, freq=1,strength=15,color=.FFFFFF)"> <center> သ္ꨮꨲꨁꨣꨳꨀꨮꨤမ္း <br> သ္ꨮꨲတီꨳꨓꨯꨱꨓꨵꨟꨤင္ꨲꨓိုင္ꨳꨀမ္း </center> </marquee> 
Code ꨁꨣꨳꨀꨮꨤမ္းလꨰꨓꨳꨓြပ္သီꨲꨅꨱင္ <marquee style="border:BLUE 2px SOLID"> သ္ꨮꨲꨁꨣꨳꨀꨮꨤမ္း </marquee>
Code ꨁꨣꨳꨀꨮꨤမ္းလꨰꨓꨳꨓြပ္သီꨲꨅꨱင္ꨲ+မီးသီ<font color="#FFFFFF"><marquee direction="left" style="background:BLUE"> သ္ꨮꨲꨁꨣꨳꨀꨮꨤမ္း </marquee></font>


ထတ္းလြ္း(Table)ိူဝ္ဝပ္ꨯꨵ(တ္) 


  ထတ္းလြ္း(Table)ꨱꨓꨡꨓ္လြင္ယ္ꨮꨲပိူင္ိုင္ꨣꨲꨟꨱတ္းဝပ္ꨵꨕꨱတ္ (Web Page) ꨬေတမင္ပိုတီꨳꨓးဝပ္ꨱꨓ္ပုꨳ꨸ꨱꨓ္ပ္းပိူင္လဝ္းငမ္း ꨟꨱတ္းꨮꨳꨅꨯꨳꨲꨁဝ္တူ္းင္ꨯꨤꨳမ္ꨳꨁꨰမ္လိူဝ္ ꨳꨡ္တင္းတီထုလီꨟꨱတ္းꨀꨤꨓပ္းသင္ပ္ꨵꨕꨱတ္ꨲꨀꨤꨓတ္းဝင္းူင္းသင္ပိူင္ꨕꨤင္(Lay Out) ꨟꨮꨳꨀိုင္ꨲꨡꨤပ္ꨯꨤမီ္းပိူင္မ္ꨵꨀꨮꨤမ္းြင္ဝ္းꨡꨓ္ေတပိုꨬꨕꨳꨓးဝပ္ꨵꨕꨱတ္
ꨀꨤꨓ္ထတ္းလြ္း မ္မီးိူင္မိုဝ္းသင္ꨡꨓꨮꨵမ္ Code HTML ꨡꨓ္မီး္းလီတꨤꨓ Code ထတ္းလြ္း လြ္း ꨯꨳꨟꨮꨳꨅတ္းဝင္းိူင္ꨳꨅꨮꨵတိုဝ္းင္ꨲꨅိူဝ္းတီꨳꨁꨮꨳင္ꨯꨵꨯꨳꨓင္ထုꨰꨓꨳ ꨟꨱတ္းꨮꨳꨁပ္းသင္ꨳꨁိုင္ꨯꨳလိူဝ္မ္မီးတီသုတ္းသင္ꨯꨳ
ꨳꨡꨓိုင္လီꨵꨁပ္းတမ္းထင္ပိူင္ိုင္ꨀꨤꨓ္းပိုတ္ꨲꨕိူ္ ပရဝ္းသိူဝ္ꨵ(ရ္) (Browser) ေတꨟꨱတ္းꨀꨤꨓꨅꨓ္လုတ္ (Download)ꨁꨣꨳမု္းးလြ္းတင္းမူတ္းယဝ္ꨵꨅင္ပိုꨬꨕꨳလြ္းထတ္းိူဝ္ဝပ္ꨵꨕꨱတ္
<Table> Tag Attributes : ꨣꨲꨁꨮꨤꨀꨰꨀ္းလြ္းငဝ္ꨳꨬꨲ <TABLE> ꨰꨀꨵꨓꨯꨵပြင္ꨲꨀပ္းပရဝ္းသိူဝ္ꨵ(ရ္)ꨣꨳလူဝ္ꨲꨟꨱတ္းꨀꨤꨓ္ေတတင္လြ္းလင္ထꨰꨀꨵꨓꨯꨵ <TABLE> tag မီးသုꨲꨁꨮꨤꨀꨳꨓင္ꨲꨀꨤင္ꨮꨁꨮꨳꨅꨮꨵပိꨯꨤꨳꨁူင္းသင္ꨳꨓꨣꨳ္းပိူင္လြ္းင္ꨲꨀꨣꨳꨀꨤင္ꨮꨁꨮꨳꨯꨳꨁꨮꨳꨱꨓ
Border=
သင္ဝꨣꨳꨁꨮꨳꨟꨮလြ္းထတ္းမီးသꨱꨓꨳꨁြပ္ꨲ ꨟဝ္းတပ္းတတ္းလတ္းပိူင္တူဝ္ပ္ပြင္ꨲꨀပ္းပရဝ္းသိူ္ဝ္ꨵ(ရ္)ထိုင္တင္းꨀꨮꨤင္(Pixels Wide) ꨓင္ꨲꨀꨣꨳꨀꨤင္ꨮꨁꨮꨳꨯꨳꨬꨳꨅꨮꨵ Border=5 ꨅိုင္မꨯꨤထိုင္တင္းယ္ꨮꨲ/ꨱꨀ 5 Pixels Wide ꨱꨓူဝ္ꨟꨰꨀငဝ္ေတလြ္းထတ္း ꨟꨱတ္းꨮꨳင္းတမ္းသꨱꨓꨳꨁြပ္ꨲ ꨅိုင္ꨯꨳꨓꨀꨤꨓ္ယꨰꨀလြင္ꨳꨅꨰင္င္းလꨯꨳꨓင္င္ꨲꨅိုꨳ ꨡမ္ꨲꨓꨓ္ဝင္းတမ္းယꨣꨲꨟꨮꨳမီးသꨱꨓꨳꨁြပ္ꨲꨡသင္ေꨀꨣꨳꨱꨓ္လꨯꨳ

လြ္းꨡꨓ္မီးသꨱꨓꨳꨁြပ္င္
Cell A
Cell B
Cell C
Cell D
Cell E
Cell F
    
လြ္းꨡꨓ္မီးသꨱꨓꨳꨁြပ္ꨲꨓꨣ
Cell A
Cell B
Cell C
Cell D
Cell E
Cell F
    
လြ္းꨡꨓမ္မီးသꨱꨓꨳꨁြပ္
Cell A
Cell B
Cell C
Cell D
Cell E
Cell F
*** ꨓꨵꨓမ္း : ပိူင္တꨯꨤေတပ္းတင္တမ္းဝင္းသꨱꨓꨳꨁြပ္လြ္းထတ္းဝꨯꨵတီꨳ ꨼ ꨅြမ္းင္တီတမ္းဝင္းလြ္းထတ္းဝꨯꨵ ꨅိုင္ꨟꨱတ္းꨮꨳတူ္းထိုင္ပ္းပိူင္လြ္းထတ္းꨡꨓꨟꨱတ္းသင္ မိူဝ္ယဝ္ꨵꨀꨤꨓ္သင္လြ္းထတ္းꨳꨀလြင္ꨳꨀꨮꨣꨲꨅြမ္းတီꨳꨡꨓꨮꨳꨯꨳ ေသင္ꨲꨀꨯꨳပိꨯꨤꨳ ꨱꨓꨳꨁြပ္လြ္းထတ္းပꨱꨓ Border=0.
Width=
လူလြင္ꨳꨅꨮꨵသုꨲꨁꨮꨤꨀꨳꨓꨯꨵ ꨟꨱတ္းꨟꨮလိူတမ္းဝင္းလြ္းထတ္းင္ꨲꨀꨣꨳꨀꨤင္ꨮꨁꨮꨳꨯꨳ သင္မ္တမ္းဝင္းတင္းꨀꨮꨤင္လြ္းထတ္း လြ္းထတ္းေတပိုတ္ꨲꨬꨕင္းꨀꨮꨤင္းလြ္းထတ္းပင္းꨀꨓ္တင္းူိင္ပိူင္ꨡꨓ္သ္ꨮꨲꨁဝ္ꨳꨀꨮꨣꨲ မီး 2 လြ္းလꨯꨤးတီꨳꨟꨱတ္းꨟꨮꨳꨅꨮꨵတမ္းဝင္း  Width= Attribute:
လြ္းလꨯꨤးပိူဝ္ꨵ(ရ္)ꨱꨓ္း(ရ္) (Percentage Method)
Width=60%
ꨮꨵလြ္းလꨯꨤꨓꨯꨵꨟꨱတ္းလြ္းထတ္းိုင္မီးတင္းꨀꨮꨤင္ 60% ꨁြင္ꨓꨣꨳꨅꨣး ေꨓꨵꨓမ္းလြ္းလꨯꨤꨓꨯꨵꨀြပ္ꨳꨕꨶꨀ္းꨮꨵင္းꨀꨮꨤင္ꨳꨅꨰင္င္းင္းꨅꨰင္တီꨳꨓꨣꨳꨅꨣးေꨀꨣꨳပိူင္ꨰꨀꨲꨀꨓိုင္ꨟꨱတ္းꨟꨮꨳꨟꨓ္လြ္းထတ္းꨡꨓꨀꨮꨤင္ယ္ꨮꨲ 60% ꨁြင္ꨓꨣꨳꨅꨣꨡꨓ္ေꨯꨵꨓꨓꨵ ꨡမ္ꨣꨳေတပဝ္ꨮꨵင္းꨅꨰင္င္းေꨅꨣ640x480, 800x600 ꨅိူဝ္ꨓꨯꨵꨓꨯꨀꨣꨳꨣꨲ
လြ္းလꨯꨤးတင္းꨀꨮꨤင္ Pixel ꨬ (Absolute Method)



Width=450
ꨮꨵလြ္းလꨯꨤꨓꨯꨵꨱꨓꨡꨓ္တမ္းဝင္းတင္းꨀꨮꨤင္တီထုꨰꨓꨳ PIXEL width. ꨀိုင္ꨲꨡꨤပ္ꨳꨀꨓ္တိုꨰꨓလီမိူဝ္င္းိူင္ꨳꨁူဝ္းေသပိူင္꨸ꨓိူဝ္ဝပ္ꨵꨕꨱတ္ မီးေꨁꨣꨳတိူ္းပ္ ပိူင္တꨰꨀꨳ=မိူိူင္ꨵꨓင္ꨲꨟဝ္းသ္ꨮꨲင္းꨀꨮꨤင္ 800 Pixels ꨬꨳꨀ္းမ္းတူ္းြမ္းတင္းတꨰꨀင္ြင္ေꨅꨣ 640x480 (ꨀꨮꨤင္ 640 သုင္ 480) မ္းတ္းေတတူ္းလြ္းထတ္းတီင္ꨯꨵ ꨅိုင္မ္တူ္းꨟꨓ္လꨯꨳလြ္းထတ္းတင္းမူတ္းင္ꨣꨳ ေတလꨯꨳလိူသေꨀꨣ(ရ္)ꨣ(ရ္)ပိူဝ္ꨣꨲတူ္းလြင္ꨯꨳ
BGcolor=
ꨮꨵသုꨲꨁꨮꨤꨀꨳꨓꨯꨵေသိုင္ꨟꨱတ္းꨟꨮပိသီပိုလင္ (background color) လြင္ ꨓးသဝ္းလြ္းထတ္း တင္းမူတ္း ဝ္းြင္လြ္းထတ္းေတမီးသီပို္လဝ္ꨀꨓ Code BGcolor= Attribute ꨅိူဝ္းꨓꨯꨵ-
BGcolor=#ff0000
ALIGN=
သုꨁꨮꨤꨀꨳꨓꨯꨵတို္းꨟꨱတ္းꨟꨮတမ္းဝင္းတီယူꨯꨳ  တီꨳ꨸ ꨁြင္လြ္းထတ္း လြင္တီထုꨰꨓꨳꨀꨤꨓꨁꨮꨤꨀꨳꨓꨯꨵꨀꨣꨳꨱꨓ rightleft and center ꨀꨤင္ သꨯꨤꨵ ꨬꨳꨀꨮꨣ ြမ္းင္တီꨳꨟဝ္တမ္ Code ꨯꨳꨅိူင္ꨵꨓꨯ-
ALIGN=right
Cellpadding=
ꨀꨣꨳꨁꨓ
္တူဝ္ပ္ꨵꨓꨯꨵ ꨟꨱတ္းꨟꨮတမ္းဝင္းတင္းမ္ Pixels ဝူင္ꨳꨀꨤင္ ိူင္ꨳꨁူဝ္းꨁꨣꨳꨀꨮꨤမ္းးဝဝ္း(လ္)တင္းꨕꨣꨁြင္သဝ္း(လ္)လြင္ꨳꨓꨯꨵေတပ္းꨀꨯꨤꨲေတꨣꨲ  ꨶꨡꨓ ꨁြင္သဝ္း(လ္)ꨓးလြ္းထတ္း Code မိူင္ꨲ-
Cellpadding=2
Cellspacing=
ꨀꨣꨳꨁꨓ
္တူဝ္ပ္ꨵꨓꨯꨵ ꨟꨱတ္းꨟꨮတမ္းဝင္းတင္းမ္ Pixels ဝူင္ꨳꨀꨤင္ ꨓိုင္ဝ္း(လ္) ꨀꨣꨳꨁꨓꨓꨯꨵေတမီး္းလီေတꨣꨲ ꨶꨡꨓ ꨓးသဝ္း(လ္)လြ္းထတ္းမိူꨀꨓCode မိူင္ꨲꨓꨯ-
Cellspacing=3
*** ꨁꨣꨳꨓꨵꨓမ္း : သင္ိူင္ꨣꨳမီးေꨁꨣꨳꨁြင္ꨵꨁမ္ꨀꨤꨓ္ယꨰꨀꨳꨬꨕင္းပိူင္ပꨯꨤꨳꨓးဝူင္ꨳꨀꨤင္ cellpadding ꨬ cellspacing ꨅꨤမ္းဝူထိုင္တိူတီသ္ꨮꨲပီꨣꨲ ꨯꨤꨶ꨸တိူင္းꨟꨤင္ꨲꨀꨓ္ဝူင္ꨳꨀꨤင္တိူꨳ ꨬတဝ္္းေပꨣꨳꨱꨓ CELLPADDINGင္းꨟꨤင္တူိꨳꨕင္ꨲꨬꨳꨕင္ꨀꨣꨳꨱꨓCELLSPACING
ိုင္ပ္းိုင္ပ္း္းဝ္းသိုပ္ꨲꨓးေꨁꨣꨳသင္ꨯꨤꨶ꨸ꨡꨓိုင္ꨰꨀ္းလြ္းထတ္း  <TABLE> tag ꨓင္ꨲꨓꨯ-
<TABLE Width=60% Cellpadding=2 ALIGN=RIGHT Border=1>
သုꨲꨀပ္းေတꨣꨲꨁြင္လြ္းထတ္း လြ္းထတ္းမင္ꨱꨓ္ထဝ္ဝ္း(လ္) ိုင္ဝ္꨸ꨀပ္းေတꨣꨲလူဝ္း(လ္) လူဝ္း(လ္)ꨀပ္းေတꨣꨲလူꨳꨁꨰပ္းꨟꨤင္ꨳꨬꨁꨣꨳꨀꨮꨤမ္း ပ္းေတꨣꨲꨀꨮꨣꨲꨱꨓTag တီꨳꨅꨮꨵꨓꨀꨤꨓ္သင္လြ္းထတ္း
ꨰꨀ္း (Tag) တီꨳꨅꨮꨵꨟꨱတ္းလြ္းထတ္း
ပုꨳꨕ္းြင္ထꨰꨀ္း (Tag)
<TABLE>
္ဝꨣꨳပရင္းသိူဝ္(ရ္)ꨱꨓ္ငဝ္ေတꨲꨟꨱတ္းလြ္းထတ္း
<TH>...</TH>
္ဝꨣꨳပရင္းသိူဝ္(ရ္)ꨱꨓ္ငဝ္ေတꨲꨬတီသုတ္းသင္ꨳꨁြင္ူဝ္လြ္းထတ္း
<TR>...</TR>
္ဝꨣꨳပရင္းသိူဝ္(ရ္)ꨱꨓ္ငဝ္ေတꨲꨬသုတ္းသင္ꨳꨁြင္ထဝ္(Row)
<TD>...</TD>
္ဝꨣꨳပရင္းသိူဝ္(ရ္)ꨱꨓ္ငဝ္ေတꨲꨬတီသုတ္းသင္ꨳꨁြင္သဝ္း(လ္) (Cell)
</TABLE>
္ဝꨣꨳပရင္းသိူဝ္(ရ္)ꨱꨓ္တီသုတ္းသင္ꨳꨁြင္လြ္းထတ္း





Code လြ္ထတ္း 1 ဝ္
ꨓꨯꨵ
ꨱꨓ္လြ္းထတ္းꨡꨓ္ငꨯꨤꨳ꨸ꨅိုင္တတ္းလတ္းတꨣꨲသေꨳꨁြပ္င္းတင္း 1
Cell A
Cell B
Cell C
Row 1
Column 1      Column 2      Column 3

ꨀꨮꨣꨲတူ္း Code ꨁြင္လြ္းထတ္းပိူင္တꨰꨀ
<TABLE Border=1>      <-- ꨰꨀ္းပိုတ္ꨲꨁြင္လြ္းထတ္းြမ္ꨱꨓꨳꨁြပ္
<TR>      <-- ꨰꨀ္းငဝ္ေတဝ္္တင္းသုတ္း
<TD> Cell A </TD>      <-- တတ္းလတ္းသဝ္း(လ္)ꨀမ္းသဝ္း(လ္)꨸
<TD> Cell B </TD>      <-- တတ္းလတ္းသဝ္း(လ္)ꨀမ္းသဝ္း(လ္)꨸
<TD> Cell C </TD>      <-- တတ္းလတ္းသဝ္း(လ္)ꨀမ္းသဝ္း(လ္)꨸
</TR>      <-- ꨰꨀ္းသုတ္းသင္ဝ္္တင္းသုတ္း
</TABLE>      <-- ꨰꨀ္းိုတ္းြင္လြ္းထတ္း
Code လြ္းထတ္း 2 ဝ္မ္ꨲꨓꨓမ္ꨀꨮꨣꨲ 



Cell A
Cell B
Cell C
Cell D
Cell E
Cell F
Row 1
Row 2
  Column 1      Column 2      Column 3

ꨀꨮꨣꨲတူ္း Code ꨁြင္လြ္းထတ္းတင္းိူဝ္
<TABLE Border=1>      <-- ꨰꨀ္းပိုတ္ꨲꨕြမ္ꨱꨓꨳꨁြပ္
<TR>      <-- ꨰꨀ္းငဝ္ေတꨲꨡ္တင္းသုတ္း
<TD> Cell A </TD>      <-- တတ္းလတ္းသဝ္း(လ္)ꨀမ္းသဝ္း(လ္)꨸
<TD> Cell B </TD>      <-- တတ္းလတ္းသဝ္း(လ္)ꨀမ္းသဝ္း(လ္)꨸
<TD> Cell C </TD>      <-- တတ္းလတ္းသဝ္း(လ္)ꨀမ္းသဝ္း(လ္)꨸
</TR>      <ꨰꨀ္းသုတ္းသင္ဝ္္တင္းသုတ္း
(ꨓꨯꨲꨱꨓ ဝ္ထိ 2)
<TR>      <-- ꨰꨀ္းငဝ္ေတဝ္ထိသြင္
<TD> Cell D </TD>      <-- တတ္းလတ္းသဝ္း(လ္)ꨀမ္းသဝ္း(လ္)꨸
<TD> Cell E </TD>      <-- တတ္းလတ္းသဝ္း(လ္)ꨀမ္းသဝ္း(လ္)꨸
<TD> Cell F </TD>      <-- တတ္းလတ္းသဝ္း(လ္)ꨀမ္းသဝ္း(လ္)꨸
</TR>      <-- ꨰꨀ္းသုတ္းသင္ဝ္ထိသြင္
</TABLE>      <-- ꨰꨀ္းိုတ္းြင္လြ္းထတ္း
ꨀꨤꨓꨟꨱတ္းꨟꨤင္ဝ္း(လ္)လြ္းထတ္း
ိုင္ဝ္း(လ္)ꨁြင္လြ္းထတ္း ꨮꨳꨟꨮꨰꨀ္းပိုတ္<TD> tag ꨬꨰꨀ္းို္တ္း </TD> tag ꨣꨲꨟꨱတ္းꨀꨤꨓ္လꨯꨳမ္ထူꨳ ꨅဝ္ꨳꨀဝ္ꨲꨅꨤင္ꨶꨅိမ္ေꨁꨣꨳꨀꨮꨤမ္း ꨁꨰပ္းꨟꨤင္ꨳ ꨬင္ꨲꨅိူဝ္င္ပိူင္င္ꨲꨀꨣꨳꨁꨮꨳꨱꨓးလြ္းပိူင္ ြင္ဝပ္ꨵꨕꨱတ္လူင္းးလြ္းထတ္း မီးလꨯꨤꨶꨀꨮꨤမ္းသင္ꨣꨲပိုတ္ꨲꨀꨮꨤင္ꨳꨓင္ꨲꨀꨤင္ꨮꨁꨮꨳꨅꨮꨵမ္ပ္သဝ္း(လ္)ꨅဝ္ꨳꨀဝ္
 ALIGN=
ꨣꨲပိူင္ꨡꨓꨓꨯꨵꨟꨱတ္းꨟꨮꨳꨅဝ္ꨳꨀဝ္ပ္းတတ္း တ္းဝင္းပိူင္ꨕꨤင္ꨓꨣꨳꨓ္း (HORIZONTAL ALIGNMENT) ꨁြင္ေꨁꨣꨳꨀꨮꨤမ္းိုဝ္ူိင္ꨳꨅꨮꨵတိုဝ္းးသဝ္း(လ္) ပိူင္ꨡꨓ္ထုꨰꨓꨳ ꨅြမ္းင္္းပိူင္မီးꨓꨓꨀꨣꨳꨱꨓ leftcenter ꨬꨳ right ꨀꨤင္ သꨯꨤꨵ ꨁꨮꨣ ꨅြမ္းင္ꨲꨟဝ္းတမ္ꨳ Code မီးင္ꨲꨓꨯ-
ALIGN=right
VALIGN=
ပိူင္ꨕꨤင္ꨡꨓꨓꨯꨵꨟꨱတ္းꨟꨮꨳꨅဝ္ꨳꨀဝ္င္းတမ္း ္းပိူင္တင္းမူတ္းꨓꨣꨳတင္  (VERTICAL ALIGNMENT) ြင္ေꨁꨣꨳꨀꨮꨤမ္းိုဝ္ူိင္ꨳꨅꨮꨵတိုဝ္းးသဝ္း(လ္) ပိူင္ꨡꨓ္ထုꨰꨓꨳ ꨅြမ္းင္္းပိူင္မီးꨓꨓꨀꨣꨳꨱꨓ topmiddle  ꨳ bottom ꨀꨤင္ သꨯꨤꨵ ꨁꨮꨣ ꨅြမ္းင္ꨲꨟဝ္းတမ္ꨳ Code မီꨳꨓင္ꨲꨓꨯ-
VALIGN=bottom
COLSPAN=
္းပိူင္တꨣꨲꨅတ္းဝင္းꨟꨮꨳꨅဝ္ꨳꨀဝ္ပ္းတတ္းတင္းမ္လꨯꨤꨶ ꨁꨣလမ္ꨲ(ꨓ)တီဝ္း(လ္) ꨼ ေတမီးပိူင္းေꨁꨣလမ္ꨵ(ꨓ)ꨡꨓ္ထုꨰꨓꨱꨓ္တူဝ္ပ္တီသ္ꨮꨲမီးင္ꨲꨓꨯ- COLSPAN=2
ဝ္ꨳꨀဝ္ေတꨮꨵင္းမ္ꨀꨣိုဝ္ိုယူꨲꨅြမ္းင္ꨲꨀꨤင္ꨮꨅဝ္ꨳꨀဝ္ꨲꨁꨮꨳꨱꨓꨟꨱတ္းသဝ္း(လ္) ꨼ ဝ္း(လ္)ꨁꨮꨤꨀလမ္ꨵ(လ္)
 ROWSPAN=
ဝ္ꨳꨀဝ္ေတꨮꨵင္းမ္ꨀꨣိုဝ္ိုယူꨲꨅြမ္းင္ꨲꨀꨤင္ꨮꨅဝ္ꨳꨀဝ္ꨲꨁꨮꨳꨱꨓꨟꨱတ္းသဝ္း(လ္) ꨼ ဝ္း(လ္)ꨁꨮꨤꨀလမ္ꨵ(လ္) ္းပိူင္ꨡꨓ္ထုꨰꨓꨀꨣꨳꨱꨓ-
ROWSPAN=2
ဝ္ꨳꨀဝ္ေတꨮꨵင္းမ္ꨀꨣိုဝ္ိုယူꨲꨅြမ္းင္ꨲꨀꨤင္ꨮꨅဝ္ꨳꨀဝ္ꨲꨁꨮꨳꨱꨓꨟꨱတ္းသဝ္း(လ္) ꨼ ဝ္း(လ္)ꨁꨮꨤꨀလမ္ꨵ(လ္)
BGcolor=
္းပိူင္ꨡꨓꨓꨯꨵꨟꨱတ္းꨟꨮꨳꨅဝ္ꨳꨀဝ္ပိသီပိုလင္ (background color) ꨱꨓꨡꨓ္ပꨱꨓꨡꨓဝ္ꨳꨀဝ္ꨲꨅꨮꨵပိူင္ꨁꨮꨤꨀꨳꨡꨓꨓꨯꨵꨯꨳꨓင္မ္ထူꨳꨬꨳꨅꨮꨵသီတူဝ္ပ္                  16 (Hexadecimal color) မီးင္ꨲꨓꨯ-
BGcolor=#000000
Width=
ပိူငꨕꨤင္္ꨡꨓꨓꨯꨵꨟꨱတ္းꨟꨮꨳꨅဝ္ꨳꨀဝ္ပ္းတတ္းဝင္းတမ္းတင္းင္ꨳꨁြင္သဝ္း(လ္)ꨓင္ထုꨯꨳꨱꨓဝ္ꨳꨀဝ္ꨲꨅꨤင္ꨶꨅꨮꨵလြ္းလꨯꨤးတမ္ꨯꨤပုꨳ ꨡမ္ꨲꨓꨓ္လြ္းလꨯꨤးေꨁꨣꨳꨀꨮꨤမ္းတင္းꨀꨮꨤꨤင္း Pixel ꨬ
လြ္းလꨤꨯးသ္ꨮꨲꨯꨤပု (Percentage Method)
Width=35%
လြ္းလꨯꨤးတင္းꨀꨮꨤင္ Pixel ꨬ (Absolute Method)
Width=150
ꨓꨯꨵꨱꨓ္တင္းꨀꨮꨤင္းြင္လြ္းထတ္းꨓꨣꨳတီ Pixels PIXELS.
Spanning Columns and Rows
Spanning
ꨱꨓိူင္မိုဝ္းသင္လြ္းတ္းꨡꨓ္မီး္းလီမ္လိိူဝ္၊ ꨀꨤꨓꨁꨮꨤꨀဝ္း(လ္)ꨟꨱတ္းꨟꨮꨳꨅဝ္ꨳꨀဝ္ပိင္းလꨱꨀယ္ꨮꨲ ꨁြင္သဝ္း(လ္)ꨓင္ꨲꨁꨮꨳꨱꨓ္ ေꨀꨣꨳမီꨳꨓင္ꨲꨓꨯ- 
Cell A
Cell B
Cell C
Cell D
Cell E
Cell F
Row 1
Row 2
 

ဝ္ꨳꨀဝ္ေတꨕꨤင္ꨵꨟꨓ္မꨰꨓꨣꨳꨓိုင္ဝ္မီး ဝ္း(လ္) ေတꨣꨳꨟဝ္းေတꨟꨱတ္းိူင္ꨵꨟိုဝ္ꨟꨮထိသြင္မီးလိူဝ္ ဝ္(လ္)                                                                              ꨟꨱတ္းင္င္းꨓꨣꨳꨓꨯꨵ ꨟဝ္းမ္ပꨱꨓ္လူဝ္ꨲꨬꨀꨳလိတ္<TD> tag ꨅြမ္းပင္ꨲꨓꨀ္းပိူင္ိုင္ꨟꨱတ္းꨟꨮꨳꨅဝ္ꨳꨁꨮꨤꨀဝ္(လ္) ꨼ ဝ္း(လ္) ꨁꨤမ္ꨳꨀꨮꨣꨲထိုင္ ဝ္း(လ္) ေပဝ္းꨮꨵ COLSPAN= Attribute ꨟဝ္းꨅꨤင္ယိုတ္း 1 ꨁꨤမ္ꨳꨀꨮꨣꨲထိုင္ 2 ဝ္း(လ္) ꨡမ္ꨲꨓꨓမ္ꨀꨮꨣꨲꨁꨣလမ္ꨵ(ꨓ)ꨁြင္လြ္းထတ္း
Cell A
Cell B
Cell C
Cell D
Cell F
Row 1
Row 2
ꨟꨮꨳꨕꨤင္တူ္း Cell D မ္းလဝ္ထုယိုတ္း ထုꨲꨁꨮꨤꨀย (SPANNED), ꨁꨣလမ္ꨵ(ꨓ) 2 ဝ္း(လ္)
ꨓꨯꨵꨱꨓ Code တီꨳꨅꨮꨵꨓꨀꨤꨓ္သင္လြ္းထတ္းတင္းိူဝ္
<TABLE Border=1> <-- ꨰꨀ္းိုတ္းြင္လြ္းထတ္းြမ္ꨱꨓꨳꨁြပ္
<TR> <-- ꨰꨀ္းငဝ္ေတဝ္္တင္း
<TD> Cell A </TD> <-- တမ္းဝင္းသဝ္း(လ္)ꨓိုင္ꨳꨡꨓꨡꨓ
<TD> Cell B </TD> <-- တမ္းဝင္းသဝ္း(လ္)ꨓိုင္ꨳꨡꨓꨡꨓ                                                                                                                                 <TD> Cell C </TD> <-- တမ္းဝင္းသဝ္း(လ္)ꨓိုင္ꨳꨡꨓꨡꨓ
</TR> <-- ꨰꨀ္းသုတ္းသင္ဝ္္တင္း
 <TR> <-- ꨰꨀ္းငဝ္ေတဝ္ထိသြင္
<TD COLSPAN=2> Cell D </TD> <-- တမ္းဝင္းသဝ္း(လ္)ꨓိုင္ꨳꨡꨓꨡꨓ
(ꨕꨤင္တူ္းဝꨣꨳꨯꨳꨀꨰတ္း CELL E ꨡတင္းမူတ္း)
<TD> Cell F </TD> <-- တမ္းဝင္းသဝ္း(လ္)ꨓိုင္ꨳꨡꨓꨡꨓ
</TR> <-- ꨰꨀ္းသုတ္းသင္ဝ္ထိသြင္
</TABLE> <-- ꨰꨀ္းိုတ္းလြ္းထတ္း
မီးꨀꨤꨓ္လꨰꨀꨯꨤꨳꨡတ္းြတ္းꨀꨤꨓꨮꨵ ROWSPAN= attribute:

0 ပꨓ္တꨤင္းꨟꨓ္ထိုင္:

Post a Comment