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


¡Ó˹´ÃÐÂÐËèÒ§ÃÐËÇèÒ§ªèͧÀÒÂã¹µÒÃÒ§

àÃÒÊÒÁÒ¶¡Ó˹´ÃÐÂÐËèÒ§ÃÐËÇèÒ§ªèͧÀÒÂã¹µÒÃÒ§ä´é´éÇ¡ÒáÓ˹´áÍ·ºÔǵì cellspacing

Attribute
ª×èÍáÍ··ÃÔºÔÇ·ì cellspacing
µÓá˹è§á·ç¡ ÍÂÙèã¹á·ç¡à»Ô´ <table>...</table>
ÃٻẺ¡ÒÃãªéá·ç¡ <table cellspacing="value">... </table>
value ¢¹Ò´à»ç¹¾Ô¡à«Å (pixels) àªè¹ 1, 2, 3

 


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


<table border="1" width="300" cellspacing="5">
    <caption>¡Ó˹´ÃÐÂÐËèÒ§¢Í§à«ÅÅì 5 ¾Ô¡à«Åì</caption>
    <tr> <td>¢éÍÁÙÅ</td> <td>¢éÍÁÙÅ</td> <td>¢éÍÁÙÅ</td> </tr>
    <tr> <td>¢éÍÁÙÅ</td> <td>¢éÍÁÙÅ</td> <td>¢éÍÁÙÅ</td> </tr>
    <tr> <td>¢éÍÁÙÅ</td> <td>¢éÍÁÙÅ</td> <td>¢éÍÁÙÅ</td> </tr>
</table>
<br>
<table border="1" width="300" cellspacing="10">
    <caption>¡Ó˹´ÃÐÂÐËèÒ§¢Í§à«ÅÅì 10 ¾Ô¡à«Å</caption>
    <tr> <td>¢éÍÁÙÅ</td> <td>¢éÍÁÙÅ</td> <td>¢éÍÁÙÅ</td> </tr>
    <tr> <td>¢éÍÁÙÅ</td> <td>¢éÍÁÙÅ</td> <td>¢éÍÁÙÅ</td> </tr>
    <tr> <td>¢éÍÁÙÅ</td> <td>¢éÍÁÙÅ</td> <td>¢éÍÁÙÅ</td> </tr>
</table>

</body>

¡ÒÃáÊ´§¼Å

¨Ò¡µÑÇÍÂèÒ§¨ÐàËç¹ä´éÇèÒÃÐÂÐËèÒ§ÃÐËÇèÒ§ªèͧÀÒÂã¹µÒÃÒ§¨ÐËèÒ§¡Ñ¹µÒÁ¢¹Ò´·ÕèàÃÒ¡Ó˹´

 

 

¡Ó˹´ÃÐÂÐÃÐËÇèÒ§¢éÍÁÙÅã¹à«ÅÅì¡Ñº¡Ãͺà«ÅÅì

àÃÒÊÒÁÒö»ÃѺ¢¹Ò´¢Í§ªèͧà«ÅÅì ãËéÁÕ·ÕèÇèÒ§à»ç¹¡ÒÃàÇé¹ÃÐÂÐÃÐËÇèÒ§¢éÍÁÙšѺ¡Ãͺªèͧà«ÅÅì à¾×èͤÇÒÁÊǧÒÁ

Attribute
ª×èÍáÍ··ÃÔºÔÇ·ì cellpadding
µÓá˹è§á·ç¡ ÍÂÙèã¹á·ç¡à»Ô´ <table>...</table>
ÃٻẺ¡ÒÃãªéá·ç¡ <table padding="value">... </table>
value ¢¹Ò´à»ç¹¾Ô¡à«Å (pixels) àªè¹ 1, 2, 3

µÑÇÍÂèÒ§¡ÒÃãªé§Ò¹
<body >
<table border="1" width="300"cellpadding="0">
    <caption>¡Ó˹´ÃÐÂÐÃÐËÇèÒ§¢éÍÁÙÅã¹à«ÅÅì¡Ñº¡Ãͺà«ÅÅì 0 ¾Ô¡à«Å</caption>
    <tr> <td>¢éÍÁÙÅ</td> <td>¢éÍÁÙÅ</td> <td>¢éÍÁÙÅ</td> </tr>
    <tr> <td>¢éÍÁÙÅ</td> <td>¢éÍÁÙÅ</td> <td>¢éÍÁÙÅ</td> </tr>
    <tr> <td>¢éÍÁÙÅ</td> <td>¢éÍÁÙÅ</td> <td>¢éÍÁÙÅ</td> </tr>
</table>
<br>
<table border="1" width="300"cellpadding="10">
    <caption>¡Ó˹´ÃÐÂÐÃÐËÇèÒ§¢éÍÁÙÅã¹à«ÅÅì¡Ñº¡Ãͺà«ÅÅì 10 ¾Ô¡à«Å</caption>
    <tr> <td>¢éÍÁÙÅ</td> <td>¢éÍÁÙÅ</td> <td>¢éÍÁÙÅ</td> </tr>
    <tr> <td>¢éÍÁÙÅ</td> <td>¢éÍÁÙÅ</td> <td>¢éÍÁÙÅ</td> </tr>
    <tr> <td>¢éÍÁÙÅ</td> <td>¢éÍÁÙÅ</td> <td>¢éÍÁÙÅ</td> </tr>
</table>

</body>

¡ÒÃáÊ´§¼Å

¨Ò¡µÑÇÍÂèÒ§¨ÐàËç¹ä´éÇèÒµÒÃÒ§áá¢éÍÁÙšѺ¡Ãͺ¢Í§à«ÅÅìµÔ´¡Ñ¹ áµèã¹µÒÃÒ§·ÕèÊͧ¢éÍÁÙšѺ¡Ãͺ¨ÐÁÕÃÐÂÐËèÒ§µÒÁ·ÕèàÃÒ¡Ó˹´