การแทรกตาราง

การแทรกตาราง

Tag ที่เกี่ยวกับตาราง<TABLE> ระบุว่าสิ่งที่อยู่ภายใน <TABLE>และ</TABLE>จะอยู่ในตาราง
<TR> ระบุว่าสิ่งที่อยู่ภายใน <TR> และ </TR> จะอยู่ในแถวเดียวกันตารางตามแนวนอน (แถว)
<TD> ระบุว่าสิ่งที่อยู่ภายใน <TD> และ </TD> จะแสดงอยู่ในเซลล์เดียวกันตารางตามแนวตั้ง (คอร์ลัม)

การสร้างกรอบตาราง

รูปแบบคำสั่ง HTML ที่ใช้ในการสร้างกรอบตาราง

<TABLE BORDER = "ขนาดของกรอบ">...</TABLE>

                                                              โค้ดการแทรกกรอบ  

                                                                   ผลการแทกกรอบ

การจัดตำแหน่งตาราง

การจัดตำแหน่งตาราง  Align

โค้ด <center>< table border ="ขนาดเส้นขอบ"></center> จัดให้อยู่ตรงกลาง

                                                  โค้ดการจัดตารางให้อยู่ตรงกลาง

                                                  

ผลการจัดตารางให้อยู่กึ่งกลาง

ตัวอย่างการรวมเซลล์

โค้ดการรวมเซลล์

ผลการรวมเซลล์

ความกว้าง ความสูงของตาราง

การกำหนดความกว้าง ความสูงของตารางจะใช้ attribute height สำหรับกำหนดความสูง และ width สำหรับกำหนดความกว้าง เพื่อกำหนดขนาดของตารางที่จะนำเสนอ และเพื่อช่วยจัดหน้าเอกสาร HTML เป็นระเบียบ ดังนี้

<table width="ความกว้าง (เป็นพิกเซลหรือเปอร์เซ็น)>
<table height ="ความสูง (เป็นพิกเซลหรือเปอร์เซ็น)">

                                                           โค้ดของความกว้าง

ผลของความกว้าง

โค้ดของความสูง

ผลของความสูง

อ้างอิง

สมุดของ อาจรย์ ชัยราวี ลาผม