วิธีสร้างหัวตาราง (Table Header) ใน HTML

เพื่อสร้างหัวตารางใน HTML ใช้แท็ก <th>...</th> แท็ก table header ถูกล้อมรอบโดย table row <tr>...</tr> แท็ก <tr> ถูกล้อมรอบโดยแท็ก <table> ตารางประกอบด้วยแถวและคอลัมน์ ซึ่งตั้งค่าได้โดยใช้ <tr>, <th>, และ <td> elements ใช้ attribute style เพื่อเพิ่ม CSS properties สำหรับเพิ่ม border ให้ตาราง

แถวตารางถูกกำหนดโดยแท็ก <tr> เพื่อสร้างหัวตาราง ใช้แท็ก <th> จำไว้ว่าในตารางเดียวสามารถมี heading เดียวได้เท่านั้น

ตัวอย่าง

<!DOCTYPE html> 
<html> 
  <head> 
    <style> 
      table, th, td { 
        border: 1px solid black; 
      } 
    </style> 
  </head> 
  <body> 
    <h1>Database</h1> 
    <table> 
      <tr> 
        <th>Database</th> 
        <th>Release Year</th> 
      </tr> 
      <tr> 
        <td>MySQL</td> 
        <td>1995</td> 
      </tr> 
    </table> 
  </body> 
</html>

ผลลัพธ์