หน้าแรก>การสอนการออกแบบเว็บไซต์>กวดวิชา HTML

10 แท็กที่เกี่ยวข้องกับตารางสำหรับ HTML

ผู้เขียน：Eve Cole เวลาอัปเดต：2025-05-06 09:00:03

ในความเป็นจริงหลายคนจะบอกว่าฉันเห็นคำแถลงว่าฉันไม่ควรใช้แบบฟอร์ม แต่มันผิดอย่างแน่นอน! ข้อเสนอแนะนี้มีไว้สำหรับการใช้ตาราง HTML เพื่อกำหนดเค้าโครงของหน้าเว็บ แต่ตารางเหมาะสำหรับการจัดเรียงแถวและคอลัมน์ข้อมูลที่สะดวกและหากคุณต้องแสดงข้อมูลคอลัมน์ตารางบนหน้าคุณต้องใช้มัน! ทำไมไม่? อย่างไรก็ตามในกรณีนี้บางคนไม่สนใจการมีอยู่ของแท็ก HTML บางอย่างที่ใช้สำหรับตารางและไม่ทราบวิธีการใช้อย่างถูกต้อง

HTML มีแท็กที่เกี่ยวข้องกับตาราง 10 แท็ก นี่คือรายการที่มีการแนะนำ แต่ก่อนอื่นเอกสารควรกำหนดอย่างถูกต้องด้านล่าง HTML 4.01/XHTML 1 หรือ HTML 5:

  • <Caption> กำหนดชื่อตาราง (4, 5)
  • <ol> กำหนดคุณลักษณะสำหรับคอลัมน์ของตาราง (4, 5)
  • <Colgroup> กำหนดการจัดกลุ่มของคอลัมน์ตาราง (4, 5)
  • <bable> กำหนดตาราง (4, 5)
  • <Tbody> กำหนดตัวตาราง (4, 5)
  • <td> กำหนดเซลล์ (4, 5)
  • <tfoot> กำหนดหมายเหตุตาราง (ด้านล่าง) (4, 5)
  • <th> กำหนดส่วนหัวของตาราง (4, 5)
  • <head> กำหนดส่วนหัวของตาราง (4, 5)
  • <tr> กำหนดแถวของตาราง (4, 5)

โครงสร้างตารางพื้นฐานมีดังนี้:

มันมีชื่อ, หัว, ร่างกายและด้านล่าง ลำดับที่ถูกต้องขององค์ประกอบ HTML คือ:

  1. <table>
  2. <คำอธิบาย>
  3. <head>
  4. <tfoot>
  5. <tbody>

นอกจากนี้คุณยังสามารถใช้ <ol> และ <olgroup> เพื่อกำหนดคอลัมน์ของตารางหรือคอลัมน์กลุ่ม:

  1. <table>
  2. <คำอธิบาย>
  3. <Colgroup>
  4. <col>
  5. <head>
  6. <tfoot>
  7. <tbody>

นี่คือตัวอย่างที่ถูกต้องของโครงสร้างตาราง:

คัดลอกรหัส

บทความที่เกี่ยวข้อง