Làm việc với bảng trong HTML

Bây giờ chúng ta sẽ học cách tạo bảng trong HTML. Tôi nghĩ bạn hình dung được bảng trong đời sống thông thường là gì - đó là một tập hợp các hàng và cột, tại giao điểm của chúng là các ô.

Trong HTML, bảng được tạo theo nguyên tắc tương tự. Ở đó cũng có các cột và hàng với các ô, tuy nhiên, mã HTML của bảng ở cái nhìn đầu tiên có vẻ không quen thuộc: bảng được tạo theo từng hàng - đầu tiên là hàng thứ nhất, sau đó là hàng thứ hai và cứ thế tiếp tục.

Mã của bảng có cấu trúc cứng nhắc: chính yếu là thẻ table, bên trong nó phải chứa các thẻ tr, thẻ tạo ra các hàng của bảng, và bên trong chúng - các thẻ td, thẻ tạo ra các ô. Thẻ table có thể có thuộc tính border, thuộc tính này đặt đường viền cho bảng và các ô của nó.

Hãy lấy ví dụ tạo một bảng với ba hàng và ba ô trong mỗi hàng:

html<table border="1">
  <tr>
    <td>ô 1</td>
    <td>ô 2</td>
    <td>ô 3</td>
  </tr>
  <tr>
    <td>ô 4</td>
    <td>ô 5</td>
    <td>ô 6</td>
  </tr>
  <tr>
    <td>ô 7</td>
    <td>ô 8</td>
    <td>ô 9</td>
  </tr>
</table>

Результат: