การแทรกตาราง
การนำเสนอข้อมูลด้วยตาราง จะทำให้เกิดความเข้าใจได้ง่ายขึ้น สามารถเปรียบเทียบความแตกต่างของข้อมูลได้อย่างชัดเจนและตารางยังสามารถนำมาช่วยในการจัดรูปแบบของจอภาพบนเว็บเพจได้อีกด้วย เพื่อแบ่งแยกหน้าเว็บเพจออกเป็น ส่วน ๆ เกิดความเป็นระเบียบและความสวยงามมากขึ้นส่วนประกอบของตาราง
1.เซลล์ (cell)
2. แถว (row)
3.คอลัมน์ (column)
Tag ที่เกี่ยวข้องกับตารางมี ดังนี้้่
<TABLE>...ระบุว่่าสิ่งที่อยู่ภายใน....</TABLE>(จะแสดงอยู่ในตาราง) เป็นการบอกจุดเริ่มต้นและจุดสิ้นสุดของตาราง
<TR>...ระบุว่่าสิ่งที่อยู่ภายใน...</TR>(จะแสดงอยู่ในแถวเดียวกัน) เป็นการบอกจำนวนแถว (row)
<TD>...ระบุว่่าสิ่งที่อยู่ภายใน...</TD>(จะแสดงอยู่ในเซลล์เดียวกัน) เป็นการบอกจำนวนคอลัมน์ (column)
การปรับขนาดความกว้าง (WIDTH) และความสูง (HEIGHT)
การกำหนดความกว้างและความสูงให้กับตาราง WIDTH และ HEIGHT ในแท็ก <TABLE>
ตัวอย่าง Code
ผลจาก Code
การใส่ขอบตาราง
Border คือ ความหน้าของเส้นตาราง
เมื่อ "x" มีค่าได้ตั้งแต่ ศูนย์ขึ้นไป ใช้กำหนดขนาดของเส้นขอบตาราง
ตัวอย่าง Codc
ผลจาก Code
เป็นการผสานเซลล์ตั้ง 2 เซลล์ขึ้นไป การรวมเซลล์มี 2 ลักษณะ คือ การรวมคอลัมน์(COLUMN) และการรวมแถว(ROW)
- การรวมคอลัมน์
เป็นการรวมเซลล์ตามแนวนอนตั้งแต่ 2 เซลล์ขึ้นไป เป็นเซลล์เดียวกัน โดยใช้คำสั่ง COLSPAN กำหน ดไว้ในคำสั่ง <TD>
รูปแบบ : <TD COLSPAN = " จำนวนคอลัมน์ที่รวม " >ข้อความ</TD>
ตัวอย่าง Codc
ผลจาก Code
- การรวมแถว
เป็นการรวมเซลล์ตามแนวตั้ง ตั้งแต่ 2 เซลล์ขึ้นไป เป็นเซลล์เดียวกัน โดยใช้คำสั่ง ROWSPAN กำหนดไว้ในคำสั่ง <TD> เหมือนการรวมคอลัมน์
รูปแบบ : <TD ROWSPAN ="จำนวนแถวที่รวม"> ข้อความ </TD>
ตัวอย่าง Codc
ผลจาก Code
ไม่มีความคิดเห็น:
แสดงความคิดเห็น