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=
ꨬ
လꨳသုꨓ္ꨁꨮꨤꨀ္ꨳꨓꨯꨵတိုꨓ္းꨟꨱတ္းꨟꨮ္ꨳတမ္းဝꨤင္းတီꨳယူꨲလꨯꨳ  ꨀူꨶတီꨳ꨸ ꨁြင္လြꨀ္းထတ္း လြင္ꨳတီꨳထုꨀ္ꨲမꨰꨓ္ꨳꨀꨤꨓ္ꨁꨮꨤꨀ္ꨳꨓꨯꨵေꨀꨣꨳပꨱꨓ္ right, left 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) ꨁြင္ေꨁꨣꨳꨀꨮꨤမ္းꨟိုဝ္ꨁူိင္ꨳꨅ္ꨮꨵတိုဝ္းꨓ္ꨮးသꨱဝ္း(လ္) ပိူင္ꨡꨓ္ထုꨀ္ꨲမꨰꨓ္ꨳ ꨅြမ္းꨓင္ꨲပꨀ္းပိူင္မီးꨓꨓ္ꨵေꨀꨣꨳပꨱꨓ္ left, center ꨬလꨳ right ꨀꨤင္ သꨯꨤꨵ ꨁꨮꨣ ꨅြမ္းꨓင္ꨲꨟဝ္းတꨰမ္ꨳ Code မီးꨓင္ꨲꨓꨯ-
ALIGN=right
VALIGN=
ပိူင္ꨕꨤင္ꨡꨓ္ꨓꨯꨵꨟꨱတ္းꨟꨮ္ꨳꨅဝ္ꨳꨀဝ္ꨲဝꨤင္းတမ္း ပꨀ္းပိူင္တင္းမူတ္းꨓ္ꨮးꨓꨣꨳတင္ꨳ  (VERTICAL ALIGNMENT) ြင္ေꨁꨣꨳꨀꨮꨤမ္းꨟိုဝ္ꨁူိင္ꨳꨅ္ꨮꨵတိုဝ္းꨓ္ꨮးသꨱဝ္း(လ္) ပိူင္ꨡꨓ္ထုꨀ္ꨲမꨰꨓ္ꨳ ꨅြမ္းꨓင္ꨲပꨀ္းပိူင္မီးꨓꨓ္ꨵေꨀꨣꨳပꨱꨓ top, middle  ꨬလꨳ 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: