การสร้างตารางใน HTML ก็จะสามารถดัดแปลงการเขียนได้หลายรูปแบบ และสามารถเพิ่มตารางได้ตามที่เราต้องการ แต่เราต้องมาเรียนรู้คำสั่งในการเขียนก่อนว่าโครงสร้างของตารางมีอะไรบ้าง
<CAPTION>...........</CAPTION> เป็นคำสั่งที่ใช้ตั้งชื่อหรือหัวข้อเรื่องให้กับตาราง
<TR>...........</TR> เป็นคำสั่งที่ใช้กำหนดแถว
<TH>...........</TH> เป็นคำสั่งที่ใช้ในการกำหนดข้อมูลส่วนหัวของตาราง
<TD>...........</TD> เป็นคำสั่งที่ใช้ในการกำหนดข้อมูลในแต่ละแถว
BORDER ใช้กำหนดความหนาให้กับเส้นขอบของตาราง
.......................................................................................................................................
มาดูตัวอย่างการเขียนโค้ด
<table width="200" border="1">
<tr>
<td>TEST</td>
<td>TEST</td>
<td>TEST</td>
</tr>
<tr>
<td>11/08/2017</td>
<td>11:00</td>
<td>Thailand</td>
</tr>
<tr>
<td>11/09/2017</td>
<td>11:00</td>
<td>Thailand</td>
</tr>
</table>
ในการเขียนก็สามารถเพิ่มเส้นขอบ (border) ได้ขนาดในก็ได้ และเพิ่มจำนวนตาราง เพื่มสีของตารางและเส้นขอบได้ตามงานที่เราจะออกแบบ
<table width="200" border="1" bordercolor="#FF0000">
<tr>
<td bgcolor="#99FFFF">TEST</td>
<td bgcolor="#99FFFF">TEST</td>
<td bgcolor="#99FFFF">TEST</td>
</tr>
<tr>
<td bgcolor="#FF66FF">11/08/2017</td>
<td bgcolor="#FF66FF">11:00</td>
<td bgcolor="#FF66FF">Thailand</td>
</tr>
<tr>
<td bgcolor="#FF66FF">11/09/2017</td>
<td bgcolor="#FF66FF">11:00</td>
<td bgcolor="#FF66FF">Thailand</td>
</tr>
</table>
