:: àÁ¹ÙËÅÑ¡
 áºº·´Êͺ¡è͹àÃÕ¹
 Ë¹èÇ·Õè 1 âÅ¡¢Í§àÇçºà¾¨áÅÐàÇçºä«µì
 Ë¹èÇ·Õè 2 àÃÔèÁµé¹¡Ñº HTML
 Ë¹èÇ·Õè 3 ¡ÒèѴ¡ÒâéͤÇÒÁ
 Ë¹èÇ·Õè 4 ¡ÒÃãªéÅÔʵìÊÃéÒ§ÃÒ¡ÒÃ
 Ë¹èÇ·Õè 5 ¡ÒÃá·Ã¡ÀÒ¾
 Ë¹èÇ·Õè 6 ¡ÒÃÊÃéÒ§µÒÃÒ§
 áºº·´Êͺ¡è͹àÃÕ¹
àÃÔèÁÊÃéÒ§µÒÃÒ§
 ¡ÒûÃѺ¢¹Ò´µÒÃÒ§
 ¡ÒáÓ˹´¤ÇÒÁ¡ÇéÒ§¢Í§¤ÍÅÑÁ¹ì
 ¡ÒÃãÊèËÑÇàÃ×èͧãËé¡ÑºµÒÃÒ§
 ¡ÒÃãÊè¢éͤÇÒÁ¡Ó¡ÑºµÒÃÒ§
 ¡ÒáÓ˹´ÃÐÂÐËèÒ§¢Í§ªèͧà«ÅÅì
 ¡ÒüÊÒ¹à«ÅÅì
 ¡ÒÃãÊè¾×é¹ËÅѧãËé¡ÑºµÒÃÒ§
 ¡ÒèѴµÓá˹觵ÒÃÒ§áÅТéÍÁÙÅ
 ¡ÒÃãÊèÃÙ»ÀҾ㹵ÒÃÒ§
 ¡ÒÃáºè§ÊèǹµÒÃÒ§
 áºº½Ö¡ËÑ´
 áºº·´ÊͺËÅѧàÃÕ¹
 Ë¹èÇ·Õè 7 ¡ÒÃàª×èÍÁâ§àÇçºà¾¨´éÇÂÅÔ§¤ì
˹èÇ·Õè 8 ¡ÒÃãªé§Ò¹ä¿ÅìÇÕ´ÕâÍáÅÐàÊÕ§
 Ë¹èÇ·Õè 9 ¡ÒÃÊÃéÒ§¿ÍÃìÁ
 áºº·´ÊͺËÅѧàÃÕ¹àÃÕ¹
:: ˹èÇ·Õè 6 ¡ÒÃÊÃéÒ§µÒÃÒ§ (Table)
¡ÒèѴµÓá˹觵ÒÃÒ§áÅТéÍÁÙÅ


¡ÒáÓ˹´µÓá˹觢ͧµÒÃÒ§

㹡ÒÃÊÃéÒ§µÒÃÒ§¹Ñé¹àÃÒÊÒÁÒö¡Ó˹´¡ÒèѴÇÒ§µÓá˹觢ͧµÒÃÒ§º¹Ë¹éÒ¨Í â´ÂÊÒÁÒö¡Ó˹´ãËéÍÂÙè´éÒ¹«éÒ ¢ÒÇ áÅРµÃ§¡ÅÒ§

Attribute
ª×èÍáÍ··ÃÔºÔÇ·ì align
µÓá˹è§á·ç¡ ÍÂÙèã¹á·ç¡à»Ô´ <table>...</table>
ÃٻẺ¡ÒÃãªéá·ç¡ <table align="value">... </table>
value
left «éÒÂ
center ¡Ö觡ÅÒ§
right ¢ÒÇ

 


µÑÇÍÂèÒ§¡ÒÃãªé§Ò¹
<body>


<table border="1" width="400" align="center">
    <caption>¡Ó˹´µÓáË¹è§ µÃ§¡ÅÒ§</caption>
    <tr> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> </tr>
    <tr> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> </tr>
    <tr> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> </tr>
</table>
<br>
<table border="1" width="400" align="right">
    <caption>¡Ó˹´µÓáË¹è§ ¢ÇÒ</caption>
    <tr> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> </tr>
    <tr> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> </tr>
    <tr> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> </tr>
</table>
<br>
<table border="1" width="400" align="left">
    <caption>¡Ó˹´µÓáË¹è§ ¢ÇÒ</caption>
    <tr> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> </tr>
    <tr> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> </tr>
    <tr> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> </tr>
</table>



</body>

¡ÒÃáÊ´§¼Å

¨Ò¡µÑÇÍÂèÒ§¨ÐàËç¹ä´éÇèÒã¹µÒÃÒ§ááàÃҨСÓ˹´ÊÕ¾×é¹ËÅѧ·Ñ駵ÒÃÒ§ãËéà»ç¹ÊÕà´ÕÂǡѹ ´éÇ¡ÒáÓ˹´áÍ··ÃÔºÔǵì bgcolor  äÇé·Õèá·ê¡ table áµèÊÓËÃѺµÒÃÒ§·ÕèÊͧ àÃÒÊÒÁÒö¡Ó˹´ÊÕ¾×é¹ËÅѧ¢Í§áµèÅÐà«ÅÅìã¹µÒÃÒ§ä´é´éÇ¡ÒáÓ˹´ áÍ··ÃÔºÔǵì bgcolor äÇé·Õèá·ç¡ td ¢Í§à«ÅÅì·ÕèàÃÒµéͧ¡ÒáÓ˹´ÊÕ¾×é¹ËÅѧ

 

¡ÒáÓ˹´µÓá˹觢éÍÁÙÅá¹Ç¹Í¹

¡ÒáÓ˹´µÓá˹觢éÍÁÙÅã¹á¹Ç¹Í¹¨Ðà»ç¹¡ÒáÓ˹´ãËé¢éÍÁÙÅ·ÕèÍÂÙèã¹à«ÅÅìãËéÍÂÙèã¹µÓáË¹è§ «éÒ ¡Ö觡ÅÒ§ áÅТÇÒ

Attribute
ª×èÍáÍ··ÃÔºÔÇ·ì align
µÓá˹è§á·ç¡ ÍÂÙèã¹á·ç¡à»Ô´ <tr>...</tr> áÅÐ <td>...</td>
ÃٻẺ¡ÒÃãªéá·ç¡ <tr align="value">...</tr> áÅÐ <td align="value">...</tr>
value
left «éÒÂ
center ¡Ö觡ÅÒ§
right ¢ÒÇ

µÑÇÍÂèÒ§¡ÒÃãªé§Ò¹
<body >


<table align="center" border="1" width="300" height="200">
    <caption>¡Ó˹´µÓ¢éÍÁÙÅã¹á¹Ç¹Í¹</caption>
    <tr align="center"> <td>¢éÍÁÙÅ</td> <td>¢éÍÁÙÅ</td> <td>¢éÍÁÙÅ</td> </tr>
    <tr> <td>¢éÍÁÙÅ</td> <td>¢éÍÁÙÅ</td> <td>¢éÍÁÙÅ</td> </tr>
    <tr> <td align="right">¢éÍÁÙÅ</td> <td>¢éÍÁÙÅ</td> <td>¢éÍÁÙÅ</td> </tr>
</table>


</body>

¡ÒÃáÊ´§¼Å

¨Ò¡µÑÇÍÂèÒ§ËÒ¡µéͧ¡ÒáÓ˹´µÓá˹觢éÍÁÙÅ·Ñé§á¶Ç ¡çÊÒÁÒö¡Ó˹´·Õèá·ç¡ <tr> áµèËÒ¡µéͧ¡ÒáÓ˹´ºÒ§à«ÅÅìà·èÒ¹Ñé¹ ¡ç·Óä´éâ´Â¡Ó˹´·Õèá·ç¡ <td> ã¹à«ÅÅì·Õèµéͧ¡ÒÃ

 

¡ÒáÓ˹´µÓá˹觢éÍÁÙÅá¹Ç¹Í¹

¡ÒáÓ˹´µÓá˹觢éÍÁÙÅã¹á¹Ç¹Í¹¨Ðà»ç¹¡ÒáÓ˹´ãËé¢éÍÁÙÅ·ÕèÍÂÙèã¹à«ÅÅìãËéÍÂÙèã¹µÓáË¹è§ «éÒ ¡Ö觡ÅÒ§ áÅТÇÒ

Attribute
ª×èÍáÍ··ÃÔºÔÇ·ì valign
µÓá˹è§á·ç¡ ÍÂÙèã¹á·ç¡à»Ô´ <tr>...</tr> áÅÐ <td>...</td>
ÃٻẺ¡ÒÃãªéá·ç¡ <tr valign="value">...</tr> áÅÐ <td valign="value">...</tr>
value
top º¹
middle ¡Ö觡ÅÒ§
bottom ÅèÒ§
baseline µÒÁàÊé¹°Ò¹

µÑÇÍÂèÒ§¡ÒÃãªé§Ò¹
<body >


<table align="center" border="1" width="300" height="200">
    <caption>¡Ó˹´µÓ¢éÍÁÙÅã¹á¹ÇµÑé§</caption>
    <tr valign="top"> <td>¢éÍÁÙÅ</td> <td>¢éÍÁÙÅ</td> </tr>
    <tr valign="middle"> <td>¢éÍÁÙÅ</td> <td>¢éÍÁÙÅ</td></tr>
    <tr> <td>¢éÍÁÙÅ</td> <td valign="bottom">¢éÍÁÙÅ</td></tr>
</table>


</body>

¡ÒÃáÊ´§¼Å

¨Ò¡µÑÇÍÂèÒ§¨ÐàËç¹ä´éÇèÒ¢éÍÁÙÅã¹à«ÅÅì¶Ù¡¨Ñ´µÓá˹è§á¹ÇµÑ駵ÒÁ¤èÒ·Õè¡Ó˹´ áµèªèͧ·ÕèäÁèä´é¡Ó˹´àªè¹ à«ÅÅì·Õè 1 ¢Í§á¶Ç·Õè 3 äÁè´é¡Ó˹´ ¢éÍÁÙŨÐÍÂÙè·Õè¤èÒàÃÔèÁµé¹¤×ÍÍÂÙè¡Ö觡ÅÒ§¢Í§à«ÅÅì àËÁ×͡Ѻá¶Ç·Õè 2 ·Õè¡Ó˹´ãËéÍÂÙè¡Ö觡ÅÒ§