:: ˹èÇ·Õè 6 ¡ÒÃÊÃéÒ§µÒÃÒ§ (Table)
àÃÔèÁÊÃéÒ§µÒÃÒ§


ËÒ¡µéͧ¡ÒùÓàʹ͢éÍÁÙÅ·ÕèÁÕ»ÃÔÁÒ³ÁÒ¡æ ËÃ×Í¢éÍÁÙÅ·ÕèµéͧÁÕ¡ÒÃà»ÃÕºà·Õº¡Ñ¹¡ÒùÓàʹ͢éÍÁÙÅã¹ÃٻẺ¢Í§µÒÃÒ§¨ÐªèÇ·ÓãËé¢éÍÁÙÅ»ÃÐàÀ·¹Õé´Ù§èÒÂÂÔ觢Öé¹áÅÐà»ç¹ÃÐàºÕºàÃÕºÃéÍÂÍèÒ¹ä´é§èÒ¡ÇèÒ»¡µÔ ¡ÒÃÊÃéÒ§µÒÃÒ§ã¹àÍ¡ÊÒà HTML ÁÕÍÂÙèËÅÒÂÃٻẺáÅéÇáµè¼Ùéà¢Õ¹â»Ãá¡ÃÁ¨Ð¡Ó˹´â´Âãªé¤ÓÊÑ觵èÒ§ æ á·ç¡ã¹¡ÒÃÊÃ駵ÒÃÒ§ Áմѧ¹Õé <table> , <tr> áÅÐ <td>

Tag
ª×èÍá·ç¡ table , tr áÅÐ td
µÓá˹è§á·ç¡ table ÍÂÙèÀÒÂã¹á·ç¡ <body>...</body> 
tr ÍÂÙèÀÒÂã¹á·ç¡ <table>...</table>
td ÍÂÙèÀÒÂã¹á·ç¡ <tr>...</tr>
ÃٻẺ¡ÒÃãªéá·ç¡ <table>
    <tr><td>¢éÍÁÙÅ</td><td>¢éÍÁÙÅ</td></tr>
    <tr><td>¢éÍÁÙÅ</td><td>¢éÍÁÙÅ</td></tr>
    ...
</table>

¨Ó¹Ç¹á·ç¡ <tr>...</tr> à»ç¹¡ÒáÓ˹´¨Ó¹Ç¹á¶Çã¹µÒÃÒ§ áÅШӹǹá·ç¡ <td>...</td> à»ç¹¡ÒáÓ˹´¨Ó¹Ç¹¤ÍÅÑÁ¹ìã¹áµèÅÐá¶Ç µÑÇÍÂèÒ§µèÍ仹Õéà»ç¹¡ÒÃÊÃéÒ§µÒÃÒ§ 2 á¶Ç 2 ¤ÍÅÑÁ¹ì Êèǹ¢éÍÁÙÅ·ÕèÍÂÙèã¹µÒÃÒ§¨ÐãÊèã¹á·ç¡ <td>...</td> ÊÓËÃѺµÑÇÍÂèÒ§¹Õé¨ÐÂѧäÁèãÊè¢éÍÁÙÅŧä»ã¹µÒÃÒ§áµè¨ÐãÊèá·ç¡ &nbsp; ŧä»à¾×èÍãËéµÒÃÒ§áʧ¼ÅÅѾ¸ìä´é



µÑÇÍÂèÒ§¡ÒÃãªé§Ò¹
<body>
<table>
    <tr> <td>à«ÅÅì·Õè 1</td> <td>à«ÅÅì·Õè 2</td> </tr>
    <tr> <td>à«ÅÅì·Õè 3</td> <td>à«ÅÅì·Õè 4</td> </tr>
</table>

</body>

¡ÒÃáÊ´§¼Å

¨Ò¡¡Ò÷´ÅͧÊÃéÒ§µÒÃÒ§¨ÐàËç¹ä´éÇèÒ¢éÍÁÙŨÐàÃÕ§¡Ñ¹à»ç¹á¶Ç áµè¨ÐäÁèáÊ´§àÊé¹µÒÃÒ§«Öè§ã¹¡ÒÃáÊ´§àÊé¹µÒÃÒ§ ¨Ðµéͧ¡Ó˹´áÍ··ÃÔºÔǵìãËéáÊ´§àÊé¹µÒÃÒ§


¡ÒáÒáÓ˹´àÊé¹µÒÃÒ§


㹡ÒÃÊÃéÒ§µÒÃÒ§»¡µÔ¶éÒäÁèä´é¡Ó˹´¢¹Ò´àÊé¹µÒÃÒ§ ¨Ð·ÓãËéäÁèÊÒÁÒöÁÒöÁͧàËç¹ËÃ×ÍáÊ´§à»ç¹àÊé¹µÒÃÒ§ ¡ÒÃÓ˹´ãËéáÊ´§àéÊé¹µÒÃÒ§¨Ðãéªé áÍ··ÃÔºÔÇ·ì border

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

µÑÇÍÂèÒ§¡ÒÃãªé§Ò¹
<body >
<table border="1">
    <tr> <td>à«ÅÅì·Õè 1</td> <td>à«ÅÅì·Õè 2</td> </tr>
    <tr> <td>à«ÅÅì·Õè 3</td> <td>à«ÅÅì·Õè 4</td> </tr>
</table>
</body>

¡ÒÃáÊ´§¼Å