Bài 27: Bảng là gì? | Học HTML | Khái niệm về bảng trong html

Bảng trong HTML giúp chúng ta tạo ra các bảng có nhiều hàng và nhiều cột, ví dụ như bạn tạo bảng thống kê tiền lương hay bảng thanh toán..., thì bạn phải dùng tới bảng, cho nên ở bài này sẽ hướng dẫn các bạn cách tao bảng trong html

Để tạo bảng trong HTML ta dùng cặp thẻ <table>....</table>, Mỗi bảng sẽ được chia ra gồm hai thành phần là cột và hàng,
Để tạo cột cho bảng ta dùng cặp thẻ <td>..</td>.
Đẻ tạo hàng cho bảng ta dùng cặp thẻ <tr>...</tr>.

✴ Cú Pháp:

<table>
    <tr>
        <td>Hàng 1 cột 1</td>
        <td>Hàng 1 cột 2</td>
        <td>Hàng 1 cột 3</td>
    </tr>
    <tr>
        <td>Hàng 2 cột 1</td>
        <td>Hàng 2 cột 2</td>
        <td>Hàng 2 cột 3</td>
    </tr>
</table>

Kết quả khi chạy code trên:

✴ Lưu ý:
    ◾ Nếu muốn thêm một cột thì chỉ việc bổ sung một cặp thẻ td
    ▪ Nếu muốn thêm một hàng thì chỉ việc bổ sung một cặp thẻ tr

✴ Như ở cú pháp trên thì bạn cũng đã biết cách tạo ra một bảng nhưng bảng nó lại không có đường viền, để tạo đường viền cho bảng bạn dùng thuộc tính sau.

Border: Thuộc tính border dùng để tạo đường viền cho bảng, và giá trị của thuộc tính border là đơn vị số.

Ví dụ: áp dụng thuộc tính border

<table border= "1">
    <tr>
        <td>Hàng 1 cột 1</td>
        <td>Hàng 1 cột 2</td>
        <td>Hàng 1 cột 3</td>
    </tr>
    <tr>
        <td>Hàng 2 cột 1</td>
        <td>Hàng 2 cột 2</td>
        <td>Hàng 2 cột 3</td>
    </tr>
</table>

Kết quả khi chạy code trên:

✴ Kết luận: ở bài học này chúng tôi chỉ hướng dẫn cho các bạn cách tạo bảng cơ bản nhất và ở bài học tiếp theo bạn sẽ được học qua các thuộc tính dùng để chỉnh sửa bảng, và sau khi học xong bài này bạn phải trả lời được một sói câu hỏi sau.

Câu 1: Nên thẻ tạo bảng trong html ?
Câu 2: Nêu 2 thẻ tạo cột và tạo hàng trong html ?
Câu 3: Cách tạo đường viền cho bảng ?