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) ꨓိူဝ္ဝꨰပ္ꨵသꨯꨵ(တ္)
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 ပꨱꨓ္ꨟူဝ္ꨟꨰꨀ္ꨳငဝ္ꨳေတꨲလြꨀ္းထတ္း ꨟꨱတ္းꨟ္ꨮꨳဝꨤင္းတမ္းသꨱꨓ္ꨳꨁြပ္ꨲ ꨅိုင္ꨅြꨯꨳꨓ္ꨮးꨀꨤꨓ္ယꨰꨀ္ꨳလြင္ꨳꨅꨰင္ꨳလꨰင္းလꨯꨳꨓင္ꨲပꨤင္ꨲꨅိုꨓ္ꨳ ꨡမ္ꨲꨓꨓ္ဝꨤင္းတမ္းယꨣꨲꨟ္ꨮꨳမီးသꨱꨓ္ꨳꨁြပ္ꨲꨡီꨳသင္ေꨀꨣꨳပꨱꨓ္လꨯꨳ။
သင္ဝꨣꨳꨁ္ꨮꨳꨟꨮ္ꨳလြꨀ္းထတ္းမီးသꨱꨓ္ꨳꨁြပ္ꨲ ꨟဝ္းတꨰပ္းတတ္းလတ္းပိူင္တူဝ္ꨓပ္ꨵပြင္ꨲꨀပ္းပရꨤဝ္းသိူ္ဝ္ꨵ(ရ္)ထိုင္တꨤင္းꨀꨮꨤင္ꨳ(Pixels Wide) ꨓင္ꨲꨀꨣꨳꨀꨤင္ꨅ္ꨮꨁ္ꨮꨳလꨯꨳꨬလꨳꨅ္ꨮꨵ Border=5 ꨅိုင္မꨯꨤထိုင္တင္းယ္ꨮꨲ/လꨱꨀ္ꨵ 5 Pixels Wide ပꨱꨓ္ꨟူဝ္ꨟꨰꨀ္ꨳငဝ္ꨳေတꨲလြꨀ္းထတ္း ꨟꨱတ္းꨟ္ꨮꨳဝꨤင္းတမ္းသꨱꨓ္ꨳꨁြပ္ꨲ ꨅိုင္ꨅြꨯꨳꨓ္ꨮးꨀꨤꨓ္ယꨰꨀ္ꨳလြင္ꨳꨅꨰင္ꨳလꨰင္းလꨯꨳꨓင္ꨲပꨤင္ꨲꨅိုꨓ္ꨳ ꨡမ္ꨲꨓꨓ္ဝꨤင္းတမ္းယꨣꨲꨟ္ꨮꨳမီးသꨱꨓ္ꨳꨁြပ္ꨲꨡီꨳသင္ေꨀꨣꨳပꨱꨓ္လꨯꨳ။
လြꨀ္းꨡꨓ္မီးသꨱꨓ္ꨳꨁြပ္ꨲဝꨤင္
|
လြꨀ္းꨡꨓ္မီးသꨱꨓ္ꨳꨁြပ္ꨲꨓꨣ
|
လြꨀ္းꨡꨓ္ꨡမ္ꨲမီးသꨱꨓ္ꨳꨁြပ္ꨲ
|
*** ေꨓꨵꨓမ္း : ပိူင္တꨯꨤေတပꨀ္းတင္ꨳတမ္းဝꨤင္းသꨱꨓ္ꨳꨁြပ္ꨲလြꨀ္းထတ္းဝꨯꨵတီꨳ ꨅြမ္းꨓင္ꨲတီꨳတမ္းဝꨤင္းလြꨀ္းထတ္းဝꨯꨵ ꨅိုင္ꨟꨱတ္းꨟ္ꨮꨳတူꨉ္းထိုင္ပꨀ္းပိူင္လြꨀ္းထတ္းꨡꨓ္ꨟꨱတ္းသꨤင္ꨳ ꨬလꨳမိူဝ္ꨳယဝ္ꨵꨀꨤꨓ္သꨤင္ꨳလြꨀ္းထတ္းꨬလꨳꨀူꨶလြင္ꨳꨀꨮꨣꨲꨅြမ္းတီꨳꨡꨓ္ꨁ္ꨮꨳလꨯꨳ ေသꨅင္ꨲꨀြꨯꨳပိꨓ္ꨲလꨯꨤꨳ သꨱꨓ္ꨳꨁြပ္ꨲလြꨀ္းထတ္းပꨱꨓ္ Border=0.
Width=
လူꨉ္ꨳလြင္ꨳꨅ္ꨮꨵသုꨓ္ꨲꨁꨮꨤꨀ္ꨳꨓꨯꨵ ꨟꨱတ္းꨟꨮ္ꨳလိူꨀ္ꨳတမ္းဝꨤင္းလြꨀ္းထတ္းꨓင္ꨲꨀꨣꨳꨀꨤင္ꨅ္ꨮꨁ္ꨮꨳလꨯꨳ သင္ꨡမ္ꨲတမ္းဝꨤင္းတꨤင္းꨀꨮꨤင္ꨳလြꨀ္းထတ္း လြꨀ္းထတ္းေတပိုတ္ꨲꨬꨕတꨤင္းꨀꨮꨤင္းလြꨀ္းထတ္းပꨱင္းꨀꨓ္တꨤင္းꨁူိင္ꨳပိူင္ꨡꨓ္သ္ꨮꨲꨁဝ္ꨳꨀꨮꨣꨲ မီး 2 လြꨀ္းလꨯꨤးတီꨳꨟꨱတ္းꨟꨮ္ꨳꨅ္ꨮꨵတမ္းဝꨤင္း Width= Attribute:
လူꨉ္ꨳလြင္ꨳꨅ္ꨮꨵသုꨓ္ꨲꨁꨮꨤꨀ္ꨳꨓꨯꨵ ꨟꨱတ္းꨟꨮ္ꨳလိူꨀ္ꨳတမ္းဝꨤင္းလြꨀ္းထတ္းꨓင္ꨲꨀꨣꨳꨀꨤင္ꨅ္ꨮꨁ္ꨮꨳလꨯꨳ သင္ꨡမ္ꨲတမ္းဝꨤင္းတꨤင္းꨀꨮꨤင္ꨳလြꨀ္းထတ္း လြꨀ္းထတ္းေတပိုတ္ꨲꨬꨕတꨤင္းꨀꨮꨤင္းလြꨀ္းထတ္းပꨱင္းꨀꨓ္တꨤင္းꨁူိင္ꨳပိူင္ꨡꨓ္သ္ꨮꨲꨁဝ္ꨳꨀꨮꨣꨲ မီး 2 လြꨀ္းလꨯꨤးတီꨳꨟꨱတ္းꨟꨮ္ꨳꨅ္ꨮꨵတမ္းဝꨤင္း Width= Attribute:
လြꨀ္းလꨯꨤးပိူဝ္ꨵ(ရ္)သꨱꨓ္း(ရ္) (Percentage Method)
Width=60%
ꨅ္ꨮꨵလြꨀ္းလꨯꨤးꨓꨯꨵꨟꨱတ္းလြꨀ္းထတ္းꨅိုင္မီးတꨤင္းꨀꨮꨤင္ꨳ 60% ꨁြင္ꨓꨣꨳေꨅꨣး ေꨓꨵꨓမ္းလြꨀ္းလꨯꨤးꨓꨯꨵꨀြပ္ꨳꨕူꨶꨀူꨓ္းꨅ္ꨮꨵတꨤင္းꨀꨮꨤင္ꨳꨅꨰင္ꨳလꨰင္းꨤတꨤင္းꨅꨰင္ꨳတီꨳꨓꨣꨳေꨅꨣးေꨀꨣꨳပိူင္ꨳပꨰꨀ္ꨲꨀꨓ္ꨅိုင္ꨟꨱတ္းꨟꨮ္ꨳꨟꨓ္လြꨀ္းထတ္းꨡꨓ္ꨀꨮꨤင္ꨳယ္ꨮꨲ 60% ꨁြင္ꨓꨣꨳေꨅꨣးꨡꨓ္ေꨓဝꨯꨵꨓꨓ္ꨵ ꨡမ္ꨲဝꨣꨳေတပꨣးꨁဝ္ꨅ္ꨮꨵတꨤင္းꨅꨰင္ꨳလꨰင္းေꨅꨣး640x480, 800x600 ꨅိူဝ္ꨓꨯꨵꨓꨯေꨀꨣꨳယꨣꨲ။
ꨅ္ꨮꨵလြꨀ္းလꨯꨤးꨓꨯꨵꨟꨱတ္းလြꨀ္းထတ္းꨅိုင္မီးတꨤင္းꨀꨮꨤင္ꨳ 60% ꨁြင္ꨓꨣꨳေꨅꨣး ေꨓꨵꨓမ္းလြꨀ္းလꨯꨤးꨓꨯꨵꨀြပ္ꨳꨕူꨶꨀူꨓ္းꨅ္ꨮꨵတꨤင္းꨀꨮꨤင္ꨳꨅꨰင္ꨳလꨰင္းꨤတꨤင္းꨅꨰင္ꨳတီꨳꨓꨣꨳေꨅꨣးေꨀꨣꨳပိူင္ꨳပꨰꨀ္ꨲꨀꨓ္ꨅိုင္ꨟꨱတ္းꨟꨮ္ꨳꨟꨓ္လြꨀ္းထတ္းꨡꨓ္ꨀꨮꨤင္ꨳယ္ꨮꨲ 60% ꨁြင္ꨓꨣꨳေꨅꨣးꨡꨓ္ေꨓဝꨯꨵꨓꨓ္ꨵ ꨡမ္ꨲဝꨣꨳေတပꨣးꨁဝ္ꨅ္ꨮꨵတꨤင္းꨅꨰင္ꨳလꨰင္းေꨅꨣး640x480, 800x600 ꨅိူဝ္ꨓꨯꨵꨓꨯေꨀꨣꨳယꨣꨲ။
လြꨀ္းလꨯꨤးတꨤင္းꨀꨮꨤင္ꨳ Pixel ꨬတꨵ (Absolute
Method)
Width=450
ꨅ္ꨮꨵလြꨀ္းလꨯꨤးꨓꨯꨵပꨱꨓ္ꨡꨓ္တမ္းဝꨤင္းတꨤင္းꨀꨮꨤင္ꨳတီꨳထုꨀ္ꨲမꨰꨓ္ꨳ PIXEL width. ꨀိုင္ꨲꨡꨤပ္ꨳꨀꨓ္တိုꨀ္ꨵမꨰꨓ္ꨳလီမိူဝ္ꨳဝꨤင္းꨁိူင္ꨳꨁူဝ္းေသပိူင္ꨓိူဝ္ဝꨰပ္ꨵꨕꨱတ္ꨲ မီးေꨁꨣꨳတိူꨓ္းပꨓ္ ပိူင္တꨰꨀ္ꨳ=မိူꨓ္ꨅိူင္ꨵꨓင္ꨲꨟဝ္းသ္ꨮꨲတꨤင္းꨀꨮꨤင္ꨳ 800 Pixels ꨬလꨳꨀူꨓ္ꨀူꨉ္းမꨓ္းတူꨉ္းꨅြမ္းတꨤင္းတꨰꨀ္ꨲလꨰင္ꨁြင္ေꨅꨣး 640x480 (ꨀꨮꨤင္ꨳ 640 သုင္ 480) ယꨤမ္းꨁတ္းꨅ္ꨮေတတူꨉ္းလြꨀ္းထတ္းတီꨳတꨤင္ꨲဝꨯꨵ ꨅိုင္ꨡမ္ꨲတူꨉ္းꨟꨓ္လꨯꨳလြꨀ္းထတ္းတင္းမူတ္းꨓင္ꨲဝꨣꨳ ေတလꨯꨳလိူꨓ္ꨳ သေꨀꨣး(ရ္)ပꨣ(ရ္)ပိူဝ္ꨳတꨣꨲတူꨉ္းꨀူꨶလြင္ꨳလꨯꨳ
ꨅ္ꨮꨵလြꨀ္းလꨯꨤးꨓꨯꨵပꨱꨓ္ꨡꨓ္တမ္းဝꨤင္းတꨤင္းꨀꨮꨤင္ꨳတီꨳထုꨀ္ꨲမꨰꨓ္ꨳ PIXEL width. ꨀိုင္ꨲꨡꨤပ္ꨳꨀꨓ္တိုꨀ္ꨵမꨰꨓ္ꨳလီမိူဝ္ꨳဝꨤင္းꨁိူင္ꨳꨁူဝ္းေသပိူင္ꨓိူဝ္ဝꨰပ္ꨵꨕꨱတ္ꨲ မီးေꨁꨣꨳတိူꨓ္းပꨓ္ ပိူင္တꨰꨀ္ꨳ=မိူꨓ္ꨅိူင္ꨵꨓင္ꨲꨟဝ္းသ္ꨮꨲတꨤင္းꨀꨮꨤင္ꨳ 800 Pixels ꨬလꨳꨀူꨓ္ꨀူꨉ္းမꨓ္းတူꨉ္းꨅြမ္းတꨤင္းတꨰꨀ္ꨲလꨰင္ꨁြင္ေꨅꨣး 640x480 (ꨀꨮꨤင္ꨳ 640 သုင္ 480) ယꨤမ္းꨁတ္းꨅ္ꨮေတတူꨉ္းလြꨀ္းထတ္းတီꨳတꨤင္ꨲဝꨯꨵ ꨅိုင္ꨡမ္ꨲတူꨉ္းꨟꨓ္လꨯꨳလြꨀ္းထတ္းတင္းမူတ္းꨓင္ꨲဝꨣꨳ ေတလꨯꨳလိူꨓ္ꨳ သေꨀꨣး(ရ္)ပꨣ(ရ္)ပိူဝ္ꨳတꨣꨲတူꨉ္းꨀူꨶလြင္ꨳလꨯꨳ
BGcolor=
ꨅ္ꨮꨵသုꨓ္ꨲꨁꨮꨤꨀ္ꨳꨓꨯꨵေသꨅိုင္ꨟꨱတ္းꨟꨮ္ꨳပိꨓ္ꨲသီပိုꨓ္ꨵလင္ (background color) ꨀူꨶလြင္ ꨓ္ꨮးသꨱဝ္းလြꨀ္းထတ္း တင္းမူတ္း သꨱဝ္းꨁြင္လြꨀ္းထတ္းေတမီးသီပိုꨓ္လꨱဝ္ꨀꨓ္ Code BGcolor= Attribute ꨅိူဝ္းꨓꨯꨵ-
ꨅ္ꨮꨵသုꨓ္ꨲꨁꨮꨤꨀ္ꨳꨓꨯꨵေသꨅိုင္ꨟꨱတ္းꨟꨮ္ꨳပိꨓ္ꨲသီပိုꨓ္ꨵလင္ (background color) ꨀူꨶလြင္ ꨓ္ꨮးသꨱဝ္းလြꨀ္းထတ္း တင္းမူတ္း သꨱဝ္းꨁြင္လြꨀ္းထတ္းေတမီးသီပိုꨓ္လꨱဝ္ꨀꨓ္ Code BGcolor= Attribute ꨅိူဝ္းꨓꨯꨵ-
BGcolor=#ff0000
ALIGN=
ꨬလꨳသုꨓ္ꨁꨮꨤꨀ္ꨳꨓꨯꨵတိုꨓ္းꨟꨱတ္းꨟꨮ္ꨳတမ္းဝꨤင္းတီꨳယူꨲလꨯꨳ ꨀူꨶတီꨳ ꨁြင္လြꨀ္းထတ္း လြင္ꨳတီꨳထုꨀ္ꨲမꨰꨓ္ꨳꨀꨤꨓ္ꨁꨮꨤꨀ္ꨳꨓꨯꨵေꨀꨣꨳပꨱꨓ္ right, left and center ꨀꨤင္ သꨯꨤꨵ ꨬလꨳꨀꨮꨣ ꨅြမ္းꨓင္ꨲတီꨳꨟဝ္တꨰမ္ꨳ Code လꨯꨳꨅိူင္ꨵꨓꨯ-
ꨬလꨳသုꨓ္ꨁꨮꨤꨀ္ꨳꨓꨯꨵတိုꨓ္းꨟꨱတ္းꨟꨮ္ꨳတမ္းဝꨤင္းတီꨳယူꨲလꨯꨳ ꨀူꨶတီꨳ ꨁြင္လြꨀ္းထတ္း လြင္ꨳတီꨳထုꨀ္ꨲမꨰꨓ္ꨳꨀꨤꨓ္ꨁꨮꨤꨀ္ꨳꨓꨯꨵေꨀꨣꨳပꨱꨓ္ right, left and center ꨀꨤင္ သꨯꨤꨵ ꨬလꨳꨀꨮꨣ ꨅြမ္းꨓင္ꨲတီꨳꨟဝ္တꨰမ္ꨳ Code လꨯꨳꨅိူင္ꨵꨓꨯ-
ALIGN=right
Cellpadding=
ꨀꨣꨳꨁꨓ္တူဝ္ꨓပ္ꨵꨓꨯꨵ ꨟꨱတ္းꨟꨮ္ꨳတမ္းဝꨤင္းတင္းꨓမ္ Pixels ဝူင္ꨳꨀꨤင္ ꨁိူင္ꨳꨁူဝ္းꨬလꨳေꨁꨣꨳꨀꨮꨤမ္းꨓ္ꨮးဝꨱဝ္း(လ္)တင္းꨕꨣꨁြင္သꨱဝ္း(လ္)လြင္ꨳꨓꨯꨵေတꨀပ္းꨀꨯꨤꨲေတꨣꨲ ꨀူꨶꨡꨓ္ ꨁြင္သꨱဝ္း(လ္)ꨓ္ꨮးလြꨀ္းထတ္း Code မိူꨓ္ꨓင္ꨲ-
ꨀꨣꨳꨁꨓ္တူဝ္ꨓပ္ꨵꨓꨯꨵ ꨟꨱတ္းꨟꨮ္ꨳတမ္းဝꨤင္းတင္းꨓမ္ Pixels ဝူင္ꨳꨀꨤင္ ꨁိူင္ꨳꨁူဝ္းꨬလꨳေꨁꨣꨳꨀꨮꨤမ္းꨓ္ꨮးဝꨱဝ္း(လ္)တင္းꨕꨣꨁြင္သꨱဝ္း(လ္)လြင္ꨳꨓꨯꨵေတꨀပ္းꨀꨯꨤꨲေတꨣꨲ ꨀူꨶꨡꨓ္ ꨁြင္သꨱဝ္း(လ္)ꨓ္ꨮးလြꨀ္းထတ္း Code မိူꨓ္ꨓင္ꨲ-
Cellpadding=2
Cellspacing=
ꨀꨣꨳꨁꨓ္တူဝ္ꨓပ္ꨵꨓꨯꨵ ꨟꨱတ္းꨟꨮ္ꨳတမ္းဝꨤင္းတင္းꨓမ္ Pixels ဝူင္ꨳꨀꨤင္ ꨓိုင္ꨳသꨱဝ္း(လ္) ꨀꨣꨳꨁꨓ္ꨓꨯꨵေတမီးꨕြꨓ္းလီေတꨣꨲ ꨀူꨶꨡꨓ္ ꨓ္ꨮးသꨱဝ္း(လ္)လြꨀ္းထတ္းမိူꨓ္ꨀꨓ္ Code မိူꨓ္ꨓင္ꨲꨓꨯ-
ꨀꨣꨳꨁꨓ္တူဝ္ꨓပ္ꨵꨓꨯꨵ ꨟꨱတ္းꨟꨮ္ꨳတမ္းဝꨤင္းတင္းꨓမ္ 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:
ꨓꨯꨵပꨱꨓ္လြꨀ္းထတ္းꨡꨓ္ငꨯꨤꨳꨅိုင္တတ္းလတ္းတꨣꨲသေꨓ္ꨳꨁြပ္ꨳ ပꨱင္းတင္း 1:
|
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> <-- တတ္းလတ္းသꨱဝ္း(လ္)ꨀမ္းသꨱဝ္း(လ္)
<TD> Cell B </TD> <-- တတ္းလတ္းသꨱဝ္း(လ္)ꨀမ္းသꨱဝ္း(လ္)
<TD> Cell C </TD> <-- တတ္းလတ္းသꨱဝ္း(လ္)ꨀမ္းသꨱဝ္း(လ္)
</TR> <-- ထꨰꨀ္းသုတ္းသꨱင္ꨳထꨰဝ္ꨡြꨓ္တꨤင္းသုတ္း
</TABLE> <-- ထꨰꨀ္းꨡိုတ္းꨁြင္လြꨀ္းထတ္း
Code လြꨀ္းထတ္း 2 ထꨰဝ္ꨡမ္ꨲꨓꨓ္ꨓမ္ꨀꨮꨣꨲ
|
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> <-- တတ္းလတ္းသꨱဝ္း(လ္)ꨀမ္းသꨱဝ္း(လ္)
<TD> Cell B </TD> <-- တတ္းလတ္းသꨱဝ္း(လ္)ꨀမ္းသꨱဝ္း(လ္)
<TD> Cell C </TD> <-- တတ္းလတ္းသꨱဝ္း(လ္)ꨀမ္းသꨱဝ္း(လ္)
</TR> <ထꨰꨀ္းသုတ္းသꨱင္ꨳထꨰဝ္ꨡြꨓ္တꨤင္းသုတ္း
(ꨓꨯꨲပꨱꨓ္ ထꨰဝ္ထိ 2)
<TR> <-- ထꨰꨀ္းငဝ္ꨳေတꨲထꨰဝ္ထိသြင္
<TD> Cell
D </TD> <-- တတ္းလတ္းသꨱဝ္း(လ္)ꨀမ္းသꨱဝ္း(လ္)
<TD> Cell E </TD> <-- တတ္းလတ္းသꨱဝ္း(လ္)ꨀမ္းသꨱဝ္း(လ္)
<TD> Cell F </TD> <-- တတ္းလတ္းသꨱဝ္း(လ္)ꨀမ္းသꨱဝ္း(လ္)
<TD> Cell E </TD> <-- တတ္းလတ္းသꨱဝ္း(လ္)ꨀမ္းသꨱဝ္း(လ္)
<TD> Cell F </TD> <-- တတ္းလတ္းသꨱဝ္း(လ္)ꨀမ္းသꨱဝ္း(လ္)
</TR> <-- ထꨰꨀ္းသုတ္းသꨱင္ꨳထꨰဝ္ထိသြင္
</TABLE> <-- ထꨰꨀ္းꨡိုတ္းꨁြင္လြꨀ္းထတ္း
ꨀꨤꨓ္ꨟꨱတ္းꨟꨤင္ꨳသꨱဝ္း(လ္)လြꨀ္းထတ္း
ꨓိုင္ꨳသꨱဝ္း(လ္)ꨁြင္လြꨀ္းထတ္း ꨁ္ꨮꨳꨟꨮ္ꨳထꨰꨀ္းပိုတ္ꨲ<TD> tag ꨬလꨳထꨰꨀ္းꨡို္တ္း </TD> tag တꨣꨲꨟꨱတ္းꨀꨤꨓ္လꨯꨳတꨱမ္ထူꨓ္ꨳ ꨅဝ္ꨳꨀဝ္ꨲꨅꨤင္ꨶꨅိမ္ေꨁꨣꨳꨀꨮꨤမ္း ꨁꨰပ္းꨟꨤင္ꨳ ꨬလꨳတꨤင္ꨲꨅိူဝ္ꨵ တꨤင္ꨲပိူင္ꨓင္ꨲꨀꨣꨳꨁ္ꨮꨳပꨱꨓ္ꨓ္ꨮးလြꨀ္းꨀူꨶပိူင္ ꨁြင္ဝꨰပ္ꨵꨕꨱတ္ꨲလူင္းꨓ္ꨮးလြꨀ္းထတ္း မီးလꨯꨤꨶꨀꨮꨤမ္းသင္ꨲ တꨣꨲပိုတ္ꨲꨀꨮꨤင္ꨳꨓင္ꨲꨀꨤင္ꨅ္ꨮꨁ္ꨮꨳꨅ္ꨮꨵထꨰမ္ပꨓ္သꨱဝ္း(လ္)ꨅဝ္ꨳꨀဝ္ꨲ
ꨓိုင္ꨳသꨱဝ္း(လ္)ꨁြင္လြꨀ္းထတ္း ꨁ္ꨮꨳꨟꨮ္ꨳထꨰꨀ္းပိုတ္ꨲ<TD> tag ꨬလꨳထꨰꨀ္းꨡို္တ္း </TD> tag တꨣꨲꨟꨱတ္းꨀꨤꨓ္လꨯꨳတꨱမ္ထူꨓ္ꨳ ꨅဝ္ꨳꨀဝ္ꨲꨅꨤင္ꨶꨅိမ္ေꨁꨣꨳꨀꨮꨤမ္း ꨁꨰပ္းꨟꨤင္ꨳ ꨬလꨳတꨤင္ꨲꨅိူဝ္ꨵ တꨤင္ꨲပိူင္ꨓင္ꨲꨀꨣꨳꨁ္ꨮꨳပꨱꨓ္ꨓ္ꨮးလြꨀ္းꨀူꨶပိူင္ ꨁြင္ဝꨰပ္ꨵꨕꨱတ္ꨲလူင္းꨓ္ꨮးလြꨀ္းထတ္း မီးလꨯꨤꨶꨀꨮꨤမ္းသင္ꨲ တꨣꨲပိုတ္ꨲꨀꨮꨤင္ꨳꨓင္ꨲꨀꨤင္ꨅ္ꨮꨁ္ꨮꨳꨅ္ꨮꨵထꨰမ္ပꨓ္သꨱဝ္း(လ္)ꨅဝ္ꨳꨀဝ္ꨲ
ALIGN=
တꨣꨲပိူင္ꨡꨓ္ꨓꨯꨵꨟꨱတ္းꨟꨮ္ꨳꨅဝ္ꨳꨀဝ္ꨲတꨰပ္းတတ္း ꨅတ္းဝꨤင္းပိူင္ꨕꨤင္ꨓ္ꨮးꨓꨣꨳꨓြꨓ္း (HORIZONTAL ALIGNMENT) ꨁြင္ေꨁꨣꨳꨀꨮꨤမ္းꨟိုဝ္ꨁူိင္ꨳꨅ္ꨮꨵတိုဝ္းꨓ္ꨮးသꨱဝ္း(လ္) ပိူင္ꨡꨓ္ထုꨀ္ꨲမꨰꨓ္ꨳ ꨅြမ္းꨓင္ꨲပꨀ္းပိူင္မီးꨓꨓ္ꨵေꨀꨣꨳပꨱꨓ္ left, center ꨬလꨳ right ꨀꨤင္ သꨯꨤꨵ ꨁꨮꨣ ꨅြမ္းꨓင္ꨲꨟဝ္းတꨰမ္ꨳ Code မီးꨓင္ꨲꨓꨯ-
တꨣꨲပိူင္ꨡꨓ္ꨓꨯꨵꨟꨱတ္းꨟꨮ္ꨳꨅဝ္ꨳꨀဝ္ꨲတꨰပ္းတတ္း ꨅတ္းဝꨤင္းပိူင္ꨕꨤင္ꨓ္ꨮးꨓꨣꨳꨓြꨓ္း (HORIZONTAL ALIGNMENT) ꨁြင္ေꨁꨣꨳꨀꨮꨤမ္းꨟိုဝ္ꨁူိင္ꨳꨅ္ꨮꨵတိုဝ္းꨓ္ꨮးသꨱဝ္း(လ္) ပိူင္ꨡꨓ္ထုꨀ္ꨲမꨰꨓ္ꨳ ꨅြမ္းꨓင္ꨲပꨀ္းပိူင္မီးꨓꨓ္ꨵေꨀꨣꨳပꨱꨓ္ left, center ꨬလꨳ right ꨀꨤင္ သꨯꨤꨵ ꨁꨮꨣ ꨅြမ္းꨓင္ꨲꨟဝ္းတꨰမ္ꨳ Code မီးꨓင္ꨲꨓꨯ-
ALIGN=right
VALIGN=
ပိူင္ꨕꨤင္ꨡꨓ္ꨓꨯꨵꨟꨱတ္းꨟꨮ္ꨳꨅဝ္ꨳꨀဝ္ꨲဝꨤင္းတမ္း ပꨀ္းပိူင္တင္းမူတ္းꨓ္ꨮးꨓꨣꨳတင္ꨳ (VERTICAL ALIGNMENT) ြင္ေꨁꨣꨳꨀꨮꨤမ္းꨟိုဝ္ꨁူိင္ꨳꨅ္ꨮꨵတိုဝ္းꨓ္ꨮးသꨱဝ္း(လ္) ပိူင္ꨡꨓ္ထုꨀ္ꨲမꨰꨓ္ꨳ ꨅြမ္းꨓင္ꨲပꨀ္းပိူင္မီးꨓꨓ္ꨵေꨀꨣꨳပꨱꨓ top, middle ꨬလꨳ bottom ꨀꨤင္ သꨯꨤꨵ ꨁꨮꨣ ꨅြမ္းꨓင္ꨲꨟဝ္းတꨰမ္ꨳ Code မီꨳꨓင္ꨲꨓꨯ-
ပိူင္ꨕꨤင္ꨡꨓ္ꨓꨯꨵꨟꨱတ္းꨟꨮ္ꨳꨅဝ္ꨳꨀဝ္ꨲဝꨤင္းတမ္း ပꨀ္းပိူင္တင္းမူတ္းꨓ္ꨮးꨓꨣꨳတင္ꨳ (VERTICAL ALIGNMENT) ြင္ေꨁꨣꨳꨀꨮꨤမ္းꨟိုဝ္ꨁူိင္ꨳꨅ္ꨮꨵတိုဝ္းꨓ္ꨮးသꨱဝ္း(လ္) ပိူင္ꨡꨓ္ထုꨀ္ꨲမꨰꨓ္ꨳ ꨅြမ္းꨓင္ꨲပꨀ္းပိူင္မီးꨓꨓ္ꨵေꨀꨣꨳပꨱꨓ top, middle ꨬလꨳ bottom ꨀꨤင္ သꨯꨤꨵ ꨁꨮꨣ ꨅြမ္းꨓင္ꨲꨟဝ္းတꨰမ္ꨳ Code မီꨳꨓင္ꨲꨓꨯ-
VALIGN=bottom
COLSPAN=
ပꨀ္းပိူင္တꨣꨲꨅတ္းဝꨤင္းꨟꨮ္ꨳꨅဝ္ꨳꨀဝ္ꨲတꨰပ္းတတ္းတင္းꨓမ္လꨯꨤꨶ ေꨁꨣလမ္ꨲ(ꨓ္)တီꨳသꨱဝ္း(လ္) ေတမီးပိူင္ꨡြꨀ္ꨲမꨣးေꨁꨣလမ္ꨵ(ꨓ္)ꨡꨓ္ထုꨀ္ꨲမꨰꨓ္ꨳပꨱꨓ္တူဝ္ꨓပ္ꨵတီꨳသ္ꨮꨲမီးꨓင္ꨲꨓꨯ- COLSPAN=2
ပꨀ္းပိူင္တꨣꨲꨅတ္းဝꨤင္းꨟꨮ္ꨳꨅဝ္ꨳꨀဝ္ꨲတꨰပ္းတတ္းတင္းꨓမ္လꨯꨤꨶ ေꨁꨣလမ္ꨲ(ꨓ္)တီꨳသꨱဝ္း(လ္) ေတမီးပိူင္ꨡြꨀ္ꨲမꨣးေꨁꨣလမ္ꨵ(ꨓ္)ꨡꨓ္ထုꨀ္ꨲမꨰꨓ္ꨳပꨱꨓ္တူဝ္ꨓပ္ꨵတီꨳသ္ꨮꨲမီးꨓင္ꨲꨓꨯ- COLSPAN=2
ꨅဝ္ꨳꨀဝ္ꨲေတꨅ္ꨮꨵတꨤင္းꨓမ္ꨀꨣးꨟိုဝ္ꨁိုꨓ္ꨳယူꨲꨅြမ္းꨓင္ꨲꨀꨤင္ꨅ္ꨮꨅဝ္ꨳꨀဝ္ꨲꨁ္ꨮꨳပꨱꨓ္ ꨟꨱတ္းသꨱဝ္း(လ္) သꨱဝ္း(လ္)ꨁꨮꨤꨀ္ꨳေꨁလမ္ꨵ(လ္)
ROWSPAN=
ꨅဝ္ꨳꨀဝ္ꨲေတꨅ္ꨮꨵတꨤင္းꨓမ္ꨀꨣးꨟိုဝ္ꨁိုꨓ္ꨳယူꨲꨅြမ္းꨓင္ꨲꨀꨤင္ꨅ္ꨮꨅဝ္ꨳꨀဝ္ꨲꨁ္ꨮꨳပꨱꨓ္ ꨟꨱတ္းသꨱဝ္း(လ္) သꨱဝ္း(လ္)ꨁꨮꨤꨀ္ꨳေꨁလမ္ꨵ(လ္) ပꨀ္းပိူင္ꨡꨓ္ထုꨀ္ꨲမꨰꨓ္ꨳေꨀꨣꨳပꨱꨓ္-
ꨅဝ္ꨳꨀဝ္ꨲေတꨅ္ꨮꨵတꨤင္းꨓမ္ꨀꨣးꨟိုဝ္ꨁိုꨓ္ꨳယူꨲꨅြမ္းꨓင္ꨲꨀꨤင္ꨅ္ꨮꨅဝ္ꨳꨀဝ္ꨲꨁ္ꨮꨳပꨱꨓ္ ꨟꨱတ္းသꨱဝ္း(လ္) သꨱဝ္း(လ္)ꨁꨮꨤꨀ္ꨳေꨁလမ္ꨵ(လ္) ပꨀ္းပိူင္ꨡꨓ္ထုꨀ္ꨲမꨰꨓ္ꨳေꨀꨣꨳပꨱꨓ္-
ROWSPAN=2
ꨅဝ္ꨳꨀဝ္ꨲေတꨅ္ꨮꨵတꨤင္းꨓမ္ꨀꨣးꨟိုဝ္ꨁိုꨓ္ꨳယူꨲꨅြမ္းꨓင္ꨲꨀꨤင္ꨅ္ꨮꨅဝ္ꨳꨀဝ္ꨲꨁ္ꨮꨳပꨱꨓ္ ꨟꨱတ္းသꨱဝ္း(လ္) သꨱဝ္း(လ္)ꨁꨮꨤꨀ္ꨳေꨁလမ္ꨵ(လ္)
BGcolor=
ပꨀ္းပိူင္ꨡꨓ္ꨓꨯꨵꨟꨱတ္းꨟꨮ္ꨳꨅဝ္ꨳꨀဝ္ꨲပိꨓ္ꨲသီပိုꨓ္ꨵလင္ (background color) ပꨱꨓ္ꨡꨓ္ပꨱꨓ္ꨡꨓ္ ꨅဝ္ꨳꨀဝ္ꨲꨅ္ꨮꨵပိူင္ꨁꨮꨤꨀ္ꨳꨡꨓ္ꨓꨯꨵလꨯꨳꨓင္ꨲတꨱမ္ထူꨓ္ꨳꨬလꨳꨅ္ꨮꨵသီတူဝ္ꨓပ္ꨵ 16 (Hexadecimal color) မီးꨓင္ꨲꨓꨯ-
ပꨀ္းပိူင္ꨡꨓ္ꨓꨯꨵꨟꨱတ္းꨟꨮ္ꨳꨅဝ္ꨳꨀဝ္ꨲပိꨓ္ꨲသီပိုꨓ္ꨵလင္ (background color) ပꨱꨓ္ꨡꨓ္ပꨱꨓ္ꨡꨓ္ ꨅဝ္ꨳꨀဝ္ꨲꨅ္ꨮꨵပိူင္ꨁꨮꨤꨀ္ꨳꨡꨓ္ꨓꨯꨵလꨯꨳꨓင္ꨲတꨱမ္ထူꨓ္ꨳꨬလꨳꨅ္ꨮꨵသီတူဝ္ꨓပ္ꨵ 16 (Hexadecimal color) မီးꨓင္ꨲꨓꨯ-
BGcolor=#000000
Width=
ပိူငꨕꨤင္္ꨡꨓ္ꨓꨯꨵꨟꨱတ္းꨟꨮ္ꨳꨅဝ္ꨳꨀဝ္ꨲတꨰပ္းတတ္းဝꨤင္းတမ္းတꨤင္းꨀြꨤင္ꨳꨁြင္သꨱဝ္း(လ္)ꨓင္ꨲထုꨀ္ꨲလꨯꨳပꨱꨓ္ ꨅဝ္ꨳꨀဝ္ꨲꨅꨤင္ꨶꨅ္ꨮꨵလြꨀ္းလꨯꨤးတꨰမ္ꨳမꨯꨤပုꨓ္ꨳ ꨡမ္ꨲꨓꨓ္လြꨀ္းလꨯꨤးေꨁꨣꨳꨀꨮꨤမ္းတꨤင္းꨀꨮꨤꨤင္း Pixel ꨬတꨵ
ပိူငꨕꨤင္္ꨡꨓ္ꨓꨯꨵꨟꨱတ္းꨟꨮ္ꨳꨅဝ္ꨳꨀဝ္ꨲတꨰပ္းတတ္းဝꨤင္းတမ္းတꨤင္းꨀြꨤင္ꨳꨁြင္သꨱဝ္း(လ္)ꨓင္ꨲထုꨀ္ꨲလꨯꨳပꨱꨓ္ ꨅဝ္ꨳꨀဝ္ꨲꨅꨤင္ꨶꨅ္ꨮꨵလြꨀ္းလꨯꨤးတꨰမ္ꨳမꨯꨤပုꨓ္ꨳ ꨡမ္ꨲꨓꨓ္လြꨀ္းလꨯꨤးေꨁꨣꨳꨀꨮꨤမ္းတꨤင္းꨀꨮꨤꨤင္း Pixel ꨬတꨵ
လြꨀ္းလꨤꨯးသ္ꨮꨲမꨯꨤပုꨓ္ꨳ (Percentage Method)
Width=35%
လြꨀ္းလꨯꨤးတꨤင္းꨀꨮꨤင္ꨳ Pixel ꨬတꨵ (Absolute
Method)
Width=150
ꨓꨯꨵပꨱꨓ္တꨤင္းꨀꨮꨤင္းꨁြင္လြꨀ္းထတ္းꨓ္ꨮးꨓꨣꨳတီꨳ Pixels PIXELS.
Spanning Columns and Rows
Spanning ပꨱꨓ္ꨁိူင္ꨳမိုဝ္းသꨤင္ꨳလြꨀ္းꨕတ္းꨡꨓ္မီးꨕြꨓ္းလီꨓမ္လိိူဝ္၊ ꨀꨤꨓ္ꨁꨮꨤꨀ္ꨳသꨱဝ္း(လ္)ꨟꨱတ္းꨟꨮ္ꨳꨅဝ္ꨳꨀဝ္ꨲပိꨓ္ꨲတꨤင္းလꨱꨀ္ꨵယ္ꨮꨲ ꨁြင္သꨱဝ္း(လ္)ꨓင္ꨲꨁ္ꨮꨳပꨱꨓ္ ေꨀꨣꨳမီꨳꨓင္ꨲꨓꨯ-
Spanning ပꨱꨓ္ꨁိူင္ꨳမိုဝ္းသꨤင္ꨳလြꨀ္းꨕတ္းꨡꨓ္မီးꨕြꨓ္းလီꨓမ္လိိူဝ္၊ ꨀꨤꨓ္ꨁꨮꨤꨀ္ꨳသꨱဝ္း(လ္)ꨟꨱတ္းꨟꨮ္ꨳꨅဝ္ꨳꨀဝ္ꨲပိꨓ္ꨲတꨤင္းလꨱꨀ္ꨵယ္ꨮꨲ ꨁြင္သꨱဝ္း(လ္)ꨓင္ꨲꨁ္ꨮꨳပꨱꨓ္ ေꨀꨣꨳမီꨳꨓင္ꨲꨓꨯ-
|
Row 1
Row 2
|
ꨅဝ္ꨳꨀဝ္ꨲေတꨕꨤင္ꨵꨟꨓ္မꨰꨓ္ꨳဝꨣꨳꨓိုင္ꨳထꨰဝ္မီး သꨱဝ္း(လ္) ေတꨲဝꨣꨳꨟဝ္းေတꨟꨱတ္းꨅိူင္ꨵꨟိုဝ္ꨟꨮ္ꨳထိသြင္မီးလိူဝ္ သꨱဝ္(လ္)
ꨟꨱတ္းꨓင္ꨲတꨤင္းꨓꨣꨳꨓꨯꨵ ꨟဝ္းꨅမ္ပꨱꨓ္လူဝ္ꨲꨬꨀꨳလိတ္ꨳ <TD> tag ꨅြမ္းပင္ꨲꨓꨀ္းပိူင္ꨅိုင္ꨟꨱတ္းꨟꨮ္ꨳꨅဝ္ꨳꨁꨮꨤꨀ္ꨳသꨱဝ္(လ္) သꨱဝ္း(လ္) ꨁꨤမ္ꨳꨀꨮꨣꨲထိုင္
သꨱဝ္း(လ္) ေပꨣးꨟဝ္းꨅ္ꨮꨵ COLSPAN= Attribute ꨟဝ္းꨅꨤင္ꨳယိုတ္း 1 ꨁꨤမ္ꨳꨀꨮꨣꨲထိုင္ 2 သꨱဝ္း(လ္) ꨡမ္ꨲꨓꨓ္ꨓမ္ꨀꨮꨣꨲေꨁꨣလမ္ꨵ(ꨓ္)ꨁြင္လြꨀ္းထတ္း
|
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> <-- တမ္းဝꨤင္းသꨱဝ္း(လ္)ꨓိုင္ꨳꨡꨓ္ꨡꨓ္
<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