18. Table Trong HTML

Trong HTML, bạn có thể sử dụng thẻ <table> để tạo bảng để hiển thị dữ liệu theo hàng và cột. Mỗi hàng của bảng được đại diện bởi thẻ <tr>, còn mỗi ô trong hàng được đại diện bởi thẻ <td>. Dưới đây là một ví dụ cụ thể về cách sử dụng thẻ <table> để tạo bảng trong HTML:

html

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Bảng trong HTML</title>
</head>
<body>
    <h2>Danh sách nhân viên:</h2>
    <table>
        <tr>
            <th>Họ và tên</th>
            <th>Chức vụ</th>
            <th>Phòng ban</th>
        </tr>
        <tr>
            <td>Nguyễn Văn A</td>
            <td>Quản lý</td>
            <td>Kế toán</td>
        </tr>
        <tr>
            <td>Trần Thị B</td>
            <td>Nhân viên</td>
            <td>Kinh doanh</td>
        </tr>
        <tr>
            <td>Phạm Văn C</td>
            <td>Nhân viên</td>
            <td>Kỹ thuật</td>
        </tr>
    </table>
</body>
</html>

Trong ví dụ này:

Thẻ <table> được sử dụng để tạo bảng.
Thẻ <tr> được sử dụng để tạo hàng trong bảng.
Thẻ <th> được sử dụng để tạo hàng tiêu đề (header row) cho bảng.
Thẻ <td> được sử dụng để tạo các ô dữ liệu trong bảng.
Dữ liệu của bảng được cung cấp bên trong các thẻ <td> và <th>.
Các hàng và ô được tổ chức theo hàng và cột.

Lưu ý rằng việc sử dụng bảng chỉ nên được thực hiện khi có ý nghĩa cấu trúc dữ liệu hàng và cột, và không nên sử dụng bảng để tạo cấu trúc giao diện trang web. Trên đây là giới thiệu về Table trong HTML

Leave a Comment Cancel Reply