Trắc nghiệm đúng sai Khoa học máy tính 12 chân trời Bài F3: Tạo bảng và khung trong trang web HTML

BÀI F3. TẠO BẢNG VÀ KHUNG TRONG TRANG WEB VỚI HTML

Câu 1: Một nhà thiết kế web đang xây dựng một bảng hiển thị danh sách sản phẩm trên trang thương mại điện tử của mình. Anh ta muốn tạo bảng có cấu trúc như sau:

- Dòng tiêu đề gồm các cột: Sản phẩm, Giá, Số lượng, Tình trạng.

- Dữ liệu các sản phẩm được hiển thị trong các hàng tiếp theo.

- Cột Tình trạng có thể hiển thị "Còn hàng" hoặc "Hết hàng" tùy vào sản phẩm.

- Bảng cần có đường viền và mỗi ô dữ liệu có khoảng cách nội dung là 10px.

Anh ta viết đoạn mã HTML như sau:

Sau khi kiểm tra, một lập trình viên khác đã đưa ra một số nhận định sau:

a. Thuộc tính bgcolor="#cccccc" trong thẻ <tr> giúp tạo màu nền cho hàng tiêu đề của bảng.
b. Cột "Số lượng" của hàng chứa sản phẩm "Laptop" đang bị thiếu dữ liệu.
c. Để làm tiêu đề bảng trải dài qua nhiều cột, cần sử dụng thuộc tính colspan trong <th>.
d. Nếu không có thuộc tính border="1", bảng sẽ không hiển thị trên trang web.

Đáp án:

- A, B, C đúng

- D sai

Câu 2: Một công ty công nghệ muốn thiết kế bảng hiển thị danh sách nhân viên với định dạng chuyên nghiệp. Yêu cầu như sau:

- Tiêu đề bảng có nền màu xanh dương (#66ccff) và chữ màu trắng.

- Dữ liệu hiển thị theo từng dòng, xen kẽ nền trắng (#ffffff) và xám nhạt (#f2f2f2) để dễ quan sát.

- Khoảng cách giữa nội dung trong ô và đường viền phải là 10px.

- Không có khoảng trống giữa các ô để bảng trông gọn gàng.

Họ đã thử nghiệm một số thuộc tính HTML và CSS sau:

a. Sử dụng thuộc tính bgcolor trong thẻ <th> để đặt màu nền tiêu đề.
b. Dùng cellpadding="10" trong <table> để tạo khoảng cách nội dung trong ô.
c. Áp dụng border-collapse: collapse; trong CSS để loại bỏ khoảng cách giữa các ô.
d. Dùng rowspan="2" để làm tiêu đề bảng cao hơn và nổi bật hơn.

Câu 3: Một trường học muốn tạo trang web hiển thị thời khóa biểu của học sinh với yêu cầu sau:

- Tiêu đề bảng là "Thời khóa biểu lớp 12A" và phải trải rộng trên 6 cột.

- Hàng đầu tiên chứa các tiêu đề: Thứ Hai, Thứ Ba, Thứ Tư, Thứ Năm, Thứ Sáu.

- Các hàng tiếp theo chứa các tiết học tương ứng với từng ngày.

- Môn học "Toán" vào thứ Hai chiếm 2 ô ngang để thể hiện tiết đôi.

Học sinh đã viết đoạn mã HTML như sau:

Một giáo viên kiểm tra và đưa ra các nhận định sau:

a. Thuộc tính colspan="6" trong <th> giúp tiêu đề bảng trải rộng trên 6 cột.
b. Hàng thứ hai của bảng (chứa tiêu đề các ngày trong tuần) có nền màu xám nhạt nhờ thuộc tính bgcolor="#dddddd".
c. Môn "Toán" đã được gộp đúng 2 ô ngang bằng thuộc tính rowspan="2".
d. Để tạo đường viền và khoảng cách bên trong ô, cần kết hợp border="1" và cellpadding="5" trong <table>.

--------------- Còn tiếp ---------------