การใส่ตารางลงในเว็บเพจ





โครงสร้างและส่วนประกอบของตาราง 

        การสร้างตารางจะช่วยจัดหน้าเว็บเพจให้เป็นระเบียบเรียบร้อย รวมถึงการปรับแต่งค่าต่างๆ เช่น เส้นขอบของตาราง สีพื้นหลัง ข้อความในเซลล์ การรวมหรือแยกเซลล์ เพื่อใช้ในการแสดงข้อมูล ซึ่งตาราง ประกอบด้วย 

            1. คอลัมน์ (Column) หรือเซลล์ในแนวตั้ง
            2. แถว (Row) หรือเซลล์ในแนวนอน
            3. เซลล์ (Cell) หรือช่องของตาราง

การใส่ตารางลงในเว็บเพจ
การสร้างตารางมีหลายวิธี ซึ่งมีวิธีการดังนี้
          วิธีที่ 1    
                  วิธีที่ 2


  •                  กลุ่มที่ 1 : Table size (กำหนดรายละเอียดของตาราง)
                   - Rows : จำนวนแถว
                   - Columns : จำนวนคอลัมน์
                   - Table width : ความกว้างของตาราง (หน่วยที่ใช้วัดเป็นเปอร์เซ็นต์หรือพิกเซล)
                   - Border thickness : ความหนาของเส้นขอบตาราง
                   - Cell padding : ระยะห่างระหว่างขอบเซลล์กับเนื้อหา
                   - Cell spacing : ระยะห่างระหว่างเซลล์ในตาราง
  •                  กลุ่มที่ 2 : Header (เลือกตำแหน่งของหัวเรื่องภายในตาราง)
                   - None : ไม่ใช้หัวเรื่องในตาราง
                   - Left : กำหนดให้มีหัวเรื่องทางด้านซ้าย
                   - Top : กำหนดให้มีหัวเรื่องทางด้านบน
                   - Both : กำหนดให้มีหัวเรื่องด้านซ้ายและด้านบน
  •                  กลุ่มที่ 3 : Accessibility (กำหนดข้อมูลทั่วไปในตาราง)
                   - Caption : กำหนดหัวข้อของตาราง
                   - Summary : คำอธิบายกำกับตาราง

**เมื่อกำหนดคุณสมบัติต่าง ๆ เสร็จเรียบร้อยแล้ว ได้ตารางตามที่เราต้องการ

1 ความคิดเห็น: