Menu
CoddyTech

Ôn tập: Bảng

Thuộc phần Kiến thức cơ bản trong hành trình HTML của Coddy. Bài học 51 trên 60.

challenge icon

Thử thách

Dễ

Tạo một tài liệu HTML có bảng (table) gồm tất cả các thành phần chúng ta đã học đến giờ:

  1. Một thẻ <table> để tạo bảng, với thuộc tính border được đặt thành "1" để bảng hiển thị rõ.
  2. Một thẻ <caption> có nội dung "Employee Information" để mô tả bảng.
  3. Một hàng trong bảng (<tr>) làm hàng tiêu đề, có ba ô tiêu đề (<th>). Ô tiêu đề đầu tiên phải gộp hai cột và ghi "Employee Details", ô thứ hai ghi "Department", ô thứ ba ghi "Salary".
  4. Một hàng trong bảng (<tr>) có một ô dữ liệu (<td>) gộp hai hàng và hai cột, chứa nội dung "John Doe", một ô dữ liệu (<td>) ghi "Sales" và một ô dữ liệu (<td>) ghi "$50,000".
  5. Một hàng khác trong bảng (<tr>) có một ô dữ liệu (<td>) ghi "Marketing" và một ô dữ liệu (<td>) ghi "$60,000".
  6. Hàng cuối cùng trong bảng (<tr>) có một ô dữ liệu (<td>) gộp hai cột, ghi "Jane Smith", một ô dữ liệu (<td>) ghi "IT" và một ô dữ liệu (<td>) ghi "$70,000".

Tự làm thử

<!DOCTYPE html>
<html>
    <body>
        <!-- Viết code ở đây -->
    </body>
</html>

Tất cả bài học trong Kiến thức cơ bản

Tự luyện tập: Playground Web