<< back
บทที่ 9 ตาราง





โครงสร้างของตาราง <TABLE>...</TABLE>
ในการสร้างตารางนั้นจะใช้คำสั่ง <TABLE> เป็นคำสั่งเปิด และ </TABLE> เป็นคำสั่งปิด ภายในตารางจะประกอบไปด้วยคำสั่งย่อย <TR>...</TR> สำหรับการกำหนดแถวในตาราง ซึ่งในแต่ละแถวก็จะประกอบไปด้วยคำสั่งย่อย <TD>...</TD> ใช้บรรจุข้อมูลในตารางสำหรับแต่ละคอลัมน์ โดยจำนวน <TD>...</TD>ในแต่ละแถวไม่จำเป็นที่จะต้องเท่ากันเสมอไป ในกรณีที่จำนวนคอลัมน์ในแถวหนึ่งมากกว่าในอีกแถวหนึ่ง จะเกิดเป็นช่องว่างขึ้นมาในส่วนที่ขาดหายไป


การใส่เส้นขอบตาราง
เราสามารถกำหนดเส้นขอบของตารางได้ โดยเพิ่มส่วนขยาย BORDER ลงในคำสั่ง<TABLE>

CELLPADDING และ CELLSPACING
CELLPADDING และ CELLSPACING เป็นส่วนขยายเพิ่มในคำสั่ง<TABLE>โดย
• CELLPADDING เป็นการกำหนดระยะห่างระหว่างตัวอักษรและขอบเขตตาราง
• CELLSPACING เป็นการกำหนดขนาดของเส้นขอบภายในตาราง



การจัดข้อมูลในตาราง
การจัดตำแหน่งข้อมูลในตารางนั้น ทำได้โดยการเพิ่มส่วนขยาย ลงในส่วนของคำสั่ง
ดังนี้
• align=left/right --- เป็นการจัดข้อมูลในแนวนอน
• valign=top/middle/bottom --- เป็นการจัดข้อมูลในแนวตั้ง

การบรรจุหัวตาราง <TH>...</TH>
<TH>...</TH>เป็นคำสั่งสำหรับการกำหนดหัวตาราง ข้อความส่วนนี้ปกติจะถูกจัดให้อยู่กึ่งกลางของคอลัมน์ในตารางเสมอ ผลของ<TH>...</TH>จะทำให้ตัวอักษรภายในตารางเป็นตัวอักษรตัวหนาโดยไม่ต้องใช้คำสั่ง <B>...</B> การกำหนดขนาดตารางและเซล การกำหนดขนาดของตารางนั้น ให้เพิ่มส่วนขยาย Width=n% และ/หรือ Height=n% ลงในคำสั่ง<TABLE> โดยจำนวนเปอร์เซ็นต์ที่กำหนดนั้นจะเทียบเท่ากับขนาดของหน้าจอ และถ้าต้องการกำหนดขนาดของเซล ก็เพียงแค่เพิ่มส่วนขยาย width=n และ/หรือ height=n ลงในส่วนของคำสั่งของ <TD> หรือ <TD>