
การทำตารางมีประโยชน์ต่อการเขียนโฮมเพจมากเนื่องจากเป็นคำสั่งเดียวที่จะสามารถแบ่งข้อมูลออกเป็น 2 ฝั่งได้ ซึ่งเว็บไซต์ดังๆทั่วโลกนิยมใช้คำสั่งตารางกันมาก รูปแบบคำสั่งคือ
<table>
<tr><th> หัวข้อที่ 1</th><th> หัวข้อที่ 2</th><th> หัวข้อที่ 3</th></tr>
<tr><td> ข้อมูลที่ 1 แถว 1</td><td> ข้อมูลที่ 2 แถว 1</td><td> ข้อมูลที่ 3 แถว 1</td></tr>
<tr><td> ข้อมูลที่ 1 แถว 2</td><td> ข้อมูลที่ 2 แถว 2</td><td> ข้อมูลที่ 3 แถว 2</td></tr>
<tr><td> ข้อมูลที่ 1 แถว 3</td><td> ข้อมูลที่ 2 แถว 3</td><td> ข้อมูลที่ 3 แถว 3</td></tr>
</table>
ผลที่ได้คือ
หัวข้อที่ 1 หัวข้อที่ 2 หัวข้อที่ 3 ข้อมูลที่ 1 แถว 1 ข้อมูลที่ 2 แถว 1 ข้อมูลที่ 3 แถว 1 ข้อมูลที่ 1 แถว 2 ข้อมูลที่ 2 แถว 2 ข้อมูลที่ 3 แถว 2 ข้อมูลที่ 1 แถว 3 ข้อมูลที่ 2 แถว 3 ข้อมูลที่ 3 แถว 3 <tr> คือคำสั่งกำหนด แถว ของตารางโดยมีคำสั่งย่อยคือ <th> และ <td> ใช้ใส่ข้อความลงในตาราง <th> คือหัวข้อของ ข้อมูลใน คอลัมน์ นั้นๆ และ <td> คือข้อมูลในคอลัมน์ นั้น
การกำหนดกรอบของตาราง การกำหนดกรอบของตารางสามารถทำได้โดยการเพิ่มคำสั่งลงใน <table> ดังนี้
<table border="ความหนาของเส้นตาราง">
หากเราไม่กำหนดเส้นตาราง ค่าจะเป็น 0 คือไม่มีกรอบ ดังตัวอย่างด้านบน จะเห็นว่า ตารางไม่มีกรอบ
<table border=2>
<tr><th> หัวข้อที่ 1</th><th> หัวข้อที่ 2</th><th> หัวข้อที่ 3</th></tr>
<tr><td> ข้อมูลที่ 1 แถว 1</td><td> ข้อมูลที่ 2 แถว 1</td><td> ข้อมูลที่ 3 แถว 1</td></tr>
<tr><td> ข้อมูลที่ 1 แถว 2</td><td> ข้อมูลที่ 2 แถว 2</td><td> ข้อมูลที่ 3 แถว 2</td></tr>
<tr><td> ข้อมูลที่ 1 แถว 3</td><td> ข้อมูลที่ 2 แถว 3</td><td> ข้อมูลที่ 3 แถว 3</td></tr>
</table>
ผลที่ได้คือ
หัวข้อที่ 1 หัวข้อที่ 2 หัวข้อที่ 3 ข้อมูลที่ 1 แถว 1 ข้อมูลที่ 2 แถว 1 ข้อมูลที่ 3 แถว 1 ข้อมูลที่ 1 แถว 2 ข้อมูลที่ 2 แถว 2 ข้อมูลที่ 3 แถว 2 ข้อมูลที่ 1 แถว 3 ข้อมูลที่ 2 แถว 3 ข้อมูลที่ 3 แถว 3
การกำหนดความกว้าง และความสูงของตาราง ใช้การเพิ่มคำสั่งลงใน <table> ดังนี้
<table width="ความกว้าง" height="ความสูง">
การกำหนดความกว้างสามารถกำหนดได้ทั้งเป็น % และเป็น pixel แต่ควรจะกำหนดเป็น % จะดีกว่า เนื่องจากจะทำให้คนที่ใช้หน้าจอ ความละเอียดไม่เท่ากัน จะสามารถดูได้ผลใกล้เคียงกันที่สุด
การกำหนดความกว้าง และความสูงของแถวตาราง ใช้การเพิ่มคำสั่งลงใน <td> ดังนี้
<td width="ความกว้าง" height="ความสูง">
การกำหนดความกว้าง และความสูง ใช้การกำหนดเช่นเดียวกับ การกำหนดความกว้าง และ ความสูงให้กับตาราง
การกำหนดความกว้าง ของคอลัมน์ในตาราง
<td colspan="จำนวนคอลัมน์">
<table border=2>
<tr><th> หัวข้อที่ 1</th><th> หัวข้อที่ 2</th><th> หัวข้อที่ 3</th></tr>
<tr><td colspan="2"> ข้อมูลที่ 1 แถว 1</td><td> ข้อมูลที่ 2 แถว 1</td><td>
<tr><td> ข้อมูลที่ 1 แถว 2</td><td> ข้อมูลที่ 2 แถว 2</td><td> ข้อมูลที่ 3 แถว 2</td></tr>
<tr><td> ข้อมูลที่ 1 แถว 3</td><td> ข้อมูลที่ 2 แถว 3</td><td> ข้อมูลที่ 3 แถว 3</td></tr>
</table>
ผลที่ได้คือ
หัวข้อที่ 1 หัวข้อที่ 2 หัวข้อที่ 3 ข้อมูลที่ 1 แถว 1 ข้อมูลที่ 2 แถว 1 ข้อมูลที่ 1 แถว 2 ข้อมูลที่ 2 แถว 2 ข้อมูลที่ 3 แถว 2 ข้อมูลที่ 1 แถว 3 ข้อมูลที่ 2 แถว 3 ข้อมูลที่ 3 แถว 3
การกำหนด Background ให้ตาราง ใช้การเพิ่มคำสั่งลงใน <table> , <tr> หรือ <td> ดังนี้
<table background="URL" bgcolor="code สี">
<tr background="URL" bgcolor="code สี">
<td background="URL" bgcolor="code สี">
![]()