- การสร้างตาราง ถือเป็น คำสั่งที่มีความ สำคัญ อย่างมาก ต่อการจัดหน้าเอกสาร ของเวปเพจ เพราะ เราสามารถ จัดวาง รูปภาพ ข้อความ หรือแม้แต่ ตาราง ฯลฯ ไว้ได้ที่ตำแหน่ง ต่างๆ โดยใช้คำสั่ง การสร้าง TABLE
ตัวอย่างการใช้คำสั่ง
การแสดงผล
| ช่องที่ 1 | ช่องที่ 2 | ช่องที่ 3 |
| ช่องที่ 4 | ช่องที่ 5 | ช่องที่ 6 |
พอจะมองภาพ ออกกันไหมครับ ว่าใช้อย่างไร พยายามหน่อยนะครับ คำสั่งตารางนี้ สำคัญมากเลย
Attribute ที่สำคัญ ของ TABLE
border ใช้กำหนดความหนา ของขอบ ตาราง ถ้าไม่ต้องการให้มี ขอบ กำหนดเป็น 0
cellPadding ใช้กำหนดพื้นที่ว่างๆภายในขอบเซลของตาราง
cellSpacing ใช้กำหนดช่องว่างระหว่างเซล
width ใช้กำหนดความกว้างของ Table และ ความกว้างของช่องเซลล์ สามารถ กำหนดเป็นตัวเลขหน่อย pixel หรือ กำหนดเป็น % ก็ได้
height ใช้กำหนดความสูงของ Table และ ความสูงของช่องเซลล์ สามารถ กำหนดเป็นตัวเลขหน่อย pixel หรือ กำหนดเป็น % ก็ได้
bgcolor ใช้กำหนดสีพื้นของ Table และ สีพื้นของช่องเซลล์
Attribute ที่สำคัญ ของ TD
align ใช้กำหนด ตำแหน่งของ สิ่งที่จะแสดงภาย ในเซล์ ในแนวนอน มี left ,center,right
valign ใช้กำหนด ตำแหน่งของ สิ่งที่จะแสดงภาย ในเซล์ ในแนวตั้ง มี top ,middle,bottom
Attribute ที่น่าสนใจอื่นๆ Colspan (รวม cell แนวนอน ) (ตัวอย่างการใช้อยู่ด้านล่าง) , Rowspan ( รวม cell แนวตั้ง )
ตัวอย่างการใช้คำสั่ง
การแสดงผล
| ช่องที่ 1 | ช่องที่ 3 | |
| ช่องที่ 4 | ช่องที่ 5 | ช่องที่ 6 |
การใส่ภาพในพื้นหลังของตาราง
ตัวอย่างการใช้คำสั่ง
<TABLE width=450 height=100 border=1 cellpadding=10 cellspacing=0>
<TR>
<TD background="bgthai.jpg">ข้อมูลที่ต้องการแสดง</TD>
</TR>
</TABLE>
การแสดงผล
| ข้อมูลที่ต้องการแสดง |