Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> HTML

Cách tạo tiêu đề bảng (table header) trong HTML

Giới thiệu

Để tạo tiêu đề bảng trong HTML, dùng thẻ <th>...</th>. Thẻ header bảng được bao quanh bởi hàng bảng <tr>...</tr>. Thẻ <tr> được bao quanh bởi <table>. Bảng gồm hàng và cột, thiết lập bằng <tr>, <th>, <td>. Dùng style attribute để thêm CSS border cho bảng.

Hàng bảng được định nghĩa bởi <tr>. Để tạo header, dùng <th>. Chú ý: chỉ có một hàng tiêu đề trong một bảng.

Cách tạo tiêu đề bảng (table header) trong HTML

Ví dụ

<!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>

Kết quả

Cách tạo tiêu đề bảng (table header) trong HTML