Ô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.
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ờ:
- Một thẻ
<table>để tạo bảng, với thuộc tínhborderđược đặt thành "1" để bảng hiển thị rõ. - Một thẻ
<caption>có nội dung "Employee Information" để mô tả bảng. - 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". - 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". - 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". - 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
1Kiến thức cơ bản về HTML
HTML là gì?Cấu trúc cơ bản của HTMLThẻ và phần tửThẻ lồng nhau và thẻ đóngChú thích trong HTML2Văn bản và định dạng
Tiêu đềĐoạn vănNgắt dòngChữ đậm và chữ nghiêngLại chữ đậm và chữ nghiêngÔn tập: định dạng8Biểu mẫu và đầu vào phần 1
Kiến thức cơ bản về biểu mẫuÔ nhập văn bảnThuộc tính của ô nhậpTrường mật khẩuNhãn cho ô nhậpÔn tập: biểu mẫu cơ bản11Trang đăng ký sự kiện
Tổng quan dự ánPhần đầu trang3Làm việc với danh sách
Danh sách không có thứ tựDanh sách có thứ tựDanh sách lồng nhauÔn tập: danh sách9Biểu mẫu và đầu vào phần 2
Nút radioHộp kiểmDanh sách thả xuốngNútNút trong biểu mẫuÔn tập: biểu mẫu #1Ôn tập: biểu mẫu #2Tự luyện tập: Playground Web