การสร้างตาราง

tag ต่างๆที่ใช้สร้างตาราง

Tag	คำอธิบาย
<table> ... </table>	ใช้กำหนดตารางใน HTML ถ้ามี attribute border อยู่ด้วย จะแสดงเส้นขอบของตาราง
<caption> ... </caption>	ใช้กำหนดชื่อหรือข้อความกำกับหัวหรือท้ายตาราง โดยปกติแล้วชื่อตารางจะแสดงด้านบนตรงกลางตาราง ถ้าต้องการให้แสดงชื่อด้านล่าง สามารถทำได้โดยใช้ attribute align="bottom" หมายเหตุ:สามารถใช้ tag ต่าง ๆช่วยในการ markup caption ได้
<tr> ... </tr>	ใช้ระบุบรรทัด (row) ของตาราง เราอาจกำหนดค่า default ของทั้งตารางด้วย attribute align (left<, center, right) และ/หรือ valign (top, middle, bottom). ดู attribute ต่าง ๆของตารางได้ในตารางด้านล่างเพิ่มเติม
<th> ... </th>	ใช้กำหนด cell หัวตาราง โดย default แล้วข้อความใน cell นี้จะแสดงด้วยตัวหนากลาง cell ใน cell หัวตารางอาจบรรจุ attribute อื่นเพื่อกำหนดคุณลักษณะหรือเนื้อหา ดู attribute ต่าง ๆของตารางได้ในตารางด้านล่างเพิ่มเติม
<td> ... </td>	ใช้กำหนด cell ข้อมูลของตาราง โดย default แล้ว ข้อความใน cell นี้จะจัดชิดซ้ายและวางไว้ตรงกลางในแนวดิ่ง cell ข้อมูลของตารางอาจบรรจุ attribute อื่นเพื่อกำหนดคุณลักษณะหรือเนื้อหาของ cell ดู attribute ต่าง ๆของตารางได้ในตารางด้านล่างเพิ่มเติม

Table Attributes

หมายเหตุ: Attribute ที่กำหนดใน cell <th> ... </th> หรือ <td> ... </td> จะ override ค่า default ที่กำหนดไว้ใน <tr> ... </tr>.
Attribute	คำอธิบาย
align (left,center,right)	ใช้จัดวาง cell ในแนวนอน
valign (top, middle, bottom)	ใช้จัดวาง cell ในแนวดิ่ง
colspan=n	ขยาย cell ออกไปทางขวาให้กินพื้นที่จำนวน (n) column
rowspan=n	ขยาย cell ลงไปในแนวดิ่งให้กินพื้นที่จำนวน (n) row
nowrap	บังคับไม่ให้ตัดคำไปขึ้นบรรทัดใหม่ใน cell