ػѧ HTML
    觾鹰ҹ
< !-- ͤ --> ˵ ͸Ժ¤ ͼ¹
<br> 觢鹺÷Ѵ
<p> ͤ </p> ˹
<hr width = "50%" size = "3"> , ˹Ҵ
&nbsp; ͧҧ
<IMG SRC = "PHOTO.GIF"> ʴٻҾ Photo.gif
<CENTER> ͤ </CENTER> 觨Ѵͤ觡ҧ
<HTML> </HTML> <HTML> ͤ㹡¹ HTML դ </HTML> ͺ͡شش
<HEAD> </HEAD> <HEAD> ͤ觺͡ǹ繪ͧ դ <TITLE>
<TITLE> </TITLE> <TITLE> ͤ觺ͧ͡ 任ҡ Title Bar
<BODY> </BODY> <BODY> ͤ觺͡ǹͧ ж١ʴǻ СͺٻҾ ѡ ҧ 繵

    ٻẺѡ
<font size = "3"> ͤ </font> Ҵѡ
<font color = "red"> ͤ </font> յѡ
<font face = "Arial"> ͤ </font> ٻẺѡ
<besefont size = "2"> ͤ </font> ˹鹢ͧҴѡ
<b> ͤ </b> ѡ˹
<i> ͤ </i> ѡ͹
<u> ͤ </u> մѡ
<tt> ͤ </tt> ѡẺմ
 
˵ ö觡˹ٻẺѡ ٻẺ
<font face = "Arial" size = "3" color = "red"> ͤ </font> 繵

    ش§
<a href ="#news"> Hot News </a> ,
<a name ="news">
˹ش news ǹ "a name" ͵˹觷ԧ (͡ǡѹ)
<a href ="news.html"> Hot News </a> ҧԧѧ͡ê "news.html"
<a href ="http://www.thai.com"> Thai </a> ҧԧѧǻ䫷
<a href ="http://www.thai.com" target = "_blank" > Thai </a> ҧԧѧǻ䫷 Դ˹ҵҧ
<a href ="http://www.thai.com"> <img src = "photo.gif"> </a> ҧԧٻҾ photo.gif 繵
<a href ="mailto:[email protected]"> Email </a> ҧԧѧ

    ʴẺ¡ẺŢӡѺ
<OL value = "1" >
    <LI> ¡÷ 1
    <LI> ¡÷ 2
</OL>
ʴẺ¡ <OL> лԴ´ </OL> ǹ <LI> 繵˹觢ͧ¡÷ͧùʹ ö˹ʴ¡Ẻ §ӴѺ 1,2,3... I,II,III... A,B,C,... 駹еͧ价 <OL value = "A"> 繵

    ʴẺ¡ẺѭѡɳӡѺ
<UL type = "square">
    <LI> ¡÷ 1
    <LI> ¡÷ 2
</UL>
ʴẺ¡ <UL> лԴ´ </UL> ǹ <LI> 繵˹觢ͧ¡ ͧùʹ ö˹ʴ¡Ẻҧ ѧ仹

- ٻǧֺ "disc"
- ٻǧ "circle"
- ٻ "square"

駹еͧ价 <UL type = "square"> 繵
    ҧҧ
<TABLE BORDER = "2" >
<CAPTION> ҧҧ </CAPTION>
    <TR> <TH> ͧ 1 </TH>
    <TH> ͧ 2 </TH> </TR>

    <TR> <TD> 1 </TD>
    <TD> 2 </TD> </TR>
</TABLE>


Ѿ
ҧҧ
ͧ 1 ͧ 2
1 2
ҧҧ <TABLE> лԴ´ </TABLE> ǹ BORDER 繤 ˹Ҵͧ鹵ҧ ҡ˹ = "0" ¶֧

- <CAPTION> < /CAPTION> 繤ʴͤ͸Ժª͵ҧ
- <TR> < /TR> 繤͡˹㹵ҧ
- <TH> < /TH> 繤͡˹ͧ Ѿ͵ѡè˹ҡһ (ٵҧСͺ)
- <TD> < /TD> 繤ʴŻ

¢ͧ Table
- TR ¶֧ Table Row
- TH ¶֧ Table Head
- TD ¶֧ Table Data


    Ҵͧҧ
˹ҧФ٧ͧҧ
<TABLE width = "50%" height = "60%" >
<CAPTION> Ҵͧҧ </CAPTION>
    <TR> <TH> ͧ 1 </TH>
    <TH> ͧ 2 </TH> </TR>

    <TR> <TD> 1 </TD>
    <TD> 2 </TD> </TR>
</TABLE>

Ѿ
õ觵ҧ
ͧ 1 ͧ 2
1 2


˹٧ͧ (row)
<TABLE width = "50%">
    <TR> <TH> ͧ 1 </TH>
    <TH> ͧ 2 </TH> </TR>

    <TR> <TD> 1 </TD>
    <TD rowspan = "2" > 2 </TD> </TR>
    <TR> <TD> 3 </TD> </TR>
</TABLE>

Ѿ

ͧ 1 ͧ 2
1 2
3


˹ҧͧ (column)
<TABLE width = "50%">
    <TR> <TH> ͧ 1 </TH>
    <TH> ͧ 2 </TH> </TR>

    <TR> <TD> 1 </TD>
    <TD> 2 </TD> </TR>
    <TR> <TD colspan = "2" > 3 </TD> </TR>
</TABLE>

Ѿ

ͧ 1 ͧ 2
1 2
3


ҧ͹ҧ
<TABLE width = "50%">
    <TR> <TH> ͧ 1 </TH>
    <TH> ͧ 2 </TH> </TR>

    <TR> <TD> 1 </TD>
    <TD> 2 </TD> </TR>
    <TR> <TD> 3 </TD>
<TABLE width = "50%">
    <TR> <TD> 4 </TD>
    <TD> 5 </TD> </TR>
</TABLE>
</TABLE>

Ѿ

ͧ 1 ͧ 2
1 2
3
4 5


͸Ժ
÷ӵҧ͹ҧ ѡ㹡ó ͸Ժ´ ͧ

õ觵ҧ Width Height 繤㹡á˹Ҵͧҧ ººѺ Ҿ ˹ Width = "50%" ¶֧ ˹ҧͧҧբҴ 50 % ѴҧͧҾ 繵

»ҨС˹ҧҧ˹ <TABLE width = "50%" >


- rowspan
繤㹡á˹٧ͧ㹵ҧ ҹѺ <TD> (ҾҧͻСͺ)
- colspan
繤㹡á˹ҧͧ㹵ҧ ҹѺ <TD> (ҾҧͻСͺ)



    աѺҧ
թҡѧͧҧ
<TABLE width = "50%" bgcolor = "red" >
<CAPTION> թҡѧͧҧ </CAPTION>
    <TR> <TH> ͧ 1 </TH>
    <TH> ͧ 2 </TH> </TR>

    <TR> <TD> 1 </TD>
    <TD> 2 </TD> </TR>
</TABLE>

Ѿ

թҡѧͧҧ
ͧ 1 ͧ 2
1 2


˹Ъͧ㹵ҧ
<TABLE width = "50%">
    <TR> <TH bgcolor = "brown" > ͧ 1 </TH>
    <TH bgcolor = "white"> ͧ 2 </TH> </TR>

    <TR> <TD bgcolor = "green" > 1 </TD>
    <TD bgcolor = "blue" > 2 </TD> </TR>
</TABLE>

Ѿ

ͧ 1 ͧ 2
1 2


͸Ժ
ҵͧաͺͧҧ ö ѧ <TABLE bgcolor = "red">

ö˹բͧ background ͧҧ ö˹駵ҧ ˹Ъͧ


- bgcolor
繤㹡á˹㹵ҧ 繤ͧ <Table> öҹѺ <TH> <TD> (ٵҧСͺ)

á˹ö˹ öǨͺҡ ҧ ҧ
<TD bgcolor = " #3232CD" >
¶֧ Medium Bule 繵



    觾鹷Ҿ
<FRAMESET COLS or ROWS = "80%,*" >
<FRAME SRC = "URL" ٻҾ >
<FRAME SRC = "URL" ٻҾ >

</FRAMESET>

觨Ҿǵ

<FRAMESET COLS = "80%,*" >

<FRAME SRC = "main.html" >
<FRAME SRC = "menu.gif" >

</FRAMESET>


80%


20%


͸Ժ
˹Ҩ 2 ǹ ǵ ǹҧվ鹷 80% ͧ˹Ҩͷ ǹҧҤ;鹷 (20%) ͷҧҨٻҾ menu.gif


觨Ҿǹ͹

<FRAMESET ROWS = "80%,*" >

<FRAME SRC = "main.html" >
<FRAME SRC = "menu.gif" >

</FRAMESET>

20%

80%


͸Ժ
˹Ҩ 2 ǹ ǹ͹ ҹ鹷 20% ǹҹҧվ鹷 80%


觨Ҿǵǹ͹

<FRAMESET ROWS = "15%,*" >

   <FRAME SRC = "top.html" >

     <FRAMESET COLS = "20%,80%" >

     <FRAME SRC = "left.html" >
     <FRAME SRC = "right.html" >

     </FRAMESET>

</FRAMESET>

15%

20%

80%

͸Ժ
˹Ҩͷ 3 ǹ ҹ鹷 15% ǹҹҧվ鹷 85% 㹾鹷ҹҧ͡ 2 ǹҹ 20% ҹ 80% (͹Ѻǻྨҹ)
觾鹷Ҿ öǵ ǹ͹ ö 鹡Ѻ¹ ҧá աá˹ѴǹçѺ ٻҾŧǻ...

<FRAMESET> 繤鹡˹Ҩ лԴ´ </FRAMESET>
觹 ᷹ <BODY>

<FRAME SRC > 繤¢ͧ FRAMESET ͡˹ʴŢ ʴ HTML ա ͨʴٻҾ

ҡҧҹ ҡ˹ҴͧҾ繵 80%,* (ͧ * ¶֧ ҴͨҾ) ͡ҡѧö˹ pixel 500,100 繵


˹˹觢ͤǹ͹
align = "left"
align = "center"
align = "right"

˹˹觢ͤǵ
valign = "top"
valign = "middle"
valign = "bottom"

ٻẺ
<TR ALIGN= "CENTER" >
<TR VALIGN= "TOP" >

駪;鹷
ѧҡա觾鹷Ҿ Ҩ繷ҵͧ 駪;鹷 ͧҡҧشԧʴ 㹾鹷ͧ ѧҧ

<FRAME SRC = "right.html" name = "show" >
ҧԧʴ㹾鹷ժ show
<a href = "page2.html" target = "show">