BÀI 9: TẠO DANH SÁCH, BẢNG

1. NHẬN BIẾT (4 CÂU)

Câu 1: Thẻ nào được sử dụng để tạo danh sách có thứ tự trong HTML?

Trả lời:

Để tạo danh sách có thứ tự, dùng cặp thẻ <ol></ol>.

Câu 2: Các kiểu đánh số của danh sách có thứ tự được xác định bằng thuộc tính nào?

Trả lời:

Thuộc tính type, với các giá trị như: “1”, “A”, “a”, “I” và “i”.

Câu 3: Để tạo danh sách không có thứ tự, sử dụng cặp thẻ nào?

Trả lời:

Để tạo danh sách không có thứ tự, dùng cặp thẻ <ul></ul>.

Câu 4: Thẻ <caption> trong bảng HTML có chức năng gì?

Trả lời:

Thêm tiêu đề

2. THÔNG HIỂU (4 CÂU)

Câu 1: Nêu sự khác biệt giữa danh sách mô tả và danh sách không có thứ tự.

Trả lời:

Danh sách không có thứ tự dùng cặp thẻ <ul> và <li> để tạo các mục mà không có sự mô tả chi tiết.

Danh sách mô tả dùng các thẻ <dl>, <dt>, và <dd> để tạo các mục kèm theo mô tả chi tiết cho từng mục.

Câu 2: Thuộc tính rowspan trong bảng HTML có chức năng gì?

Trả lời:

Thuộc tính rowspan cho phép gộp ô

Câu 3: Khi nào cần sử dụng thuộc tính style="border:1px solid" trong bảng?

Trả lời:

Khi muốn tạo khung viền cho bảng hoặc các ô trong bảng

Câu 4: Làm thế nào để điều chỉnh kích thước của bảng trong HTML?

Trả lời:

Sử dụng các thuộc tính width và height trong thẻ <table> hoặc trong thuộc tính style

3. VẬN DỤNG (3 CÂU)

Câu 1: Viết đoạn mã HTML để tạo danh sách không có thứ tự với các mục: "Thể thao", "Nghệ thuật", và "Khoa học".

Trả lời:

<ul>

<li>Thể thao</li>

<li>Nghệ thuật</li>

<li>Khoa học</li>

</ul>

Câu 2: Tạo bảng HTML với tiêu đề "Danh sách lớp học", gồm 2 cột: "Tên học viên" và "Mã số học viên".

Trả lời:

<table border="1">

<caption>Danh sách lớp học</caption>

<tr>

<th>Tên học viên</th>

<th>Mã số học viên</th>

</tr>

<tr>

<td>Nguyễn Văn A</td>

<td>123456</td>

</tr>

<tr>

<td>Trần Thị B</td>

<td>654321</td>

</tr>

</table>

Câu 3: Viết mã HTML tạo danh sách mô tả với các mục: "HTML" mô tả là "Ngôn ngữ đánh dấu", và "CSS" mô tả là "Ngôn ngữ thiết kế giao diện".

Trả lời:

<dl>

<dt>HTML</dt>

<dd>Ngôn ngữ đánh dấu</dd>

<dt>CSS</dt>

<dd>Ngôn ngữ thiết kế giao diện</dd>

</dl>

4. VẬN DỤNG CAO (2 CÂU)

Câu 1: Nêu ưu điểm của danh sách lồng nhau trong HTML.

Trả lời:

Danh sách lồng nhau cung cấp cấu trúc hiển thị rõ ràng và phân cấp các mục con trong mục lớn

Thường được lựa chọn để trình bày các danh mục phức tạp như menu, chuyên mục, hoặc kế hoạch phân chia công việc do tính tiện lợi

Câu 2: Viết đoạn mã HTML tạo bảng 3x3 với ô đầu tiên trong hàng 1 được gộp với hai hàng tiếp theo.

Trả lời:

<table border="1">

<tr>

<td rowspan="3">Ô gộp 3 hàng</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 2</td>

<td>Hàng 2, Cột 3</td>

</tr>

<tr>

<td>Hàng 3, Cột 2</td>

<td>Hàng 3, Cột 3</td>

</tr>

</table>