วิธีสร้างตาราง (Tables) ใน HTML

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

จำไว้ว่า attribute ตาราง เช่น align, bgcolor, border, cellpadding, cellspacing ถูก deprecated และไม่รองรับโดย HTML5 ห้ามใช้

ตัวอย่าง

<!DOCTYPE html> 
<html> 
  <head> 
    <style> 
      table, th, td { 
        border: 1px solid black; 
      } 
    </style> 
  </head> 
  <body> 
    <h1>Programming Languages</h1> 
    <table> 
      <tr> 
        <th>Language</th> 
        <th>Release Year</th> 
      </tr> 
      <tr> 
        <td>Java</td> 
        <td>1995</td> 
      </tr> 
      <tr> 
        <td>Pascal</td> 
        <td>1970</td> 
      </tr> 
    </table> 
  </body> 
</html>

ผลลัพธ์