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ự và không có thứ tự trong HTML?

Trả lời:

Thẻ <ol> được sử dụng để tạo danh sách có thứ tự và thẻ <ul> được sử dụng để tạo danh sách không có thứ tự.

Câu 2: Thuộc tính nào được dùng để xác định kiểu đánh số cho danh sách có thứ tự?

Trả lời:

Thuộc tính type được dùng để xác định kiểu đánh số.

Câu 3: Có bao nhiêu kiểu đánh số trong danh sách có thứ tự? Liệt kê.

Trả lời:

Có 5 kiểu đánh số: "1", "A", "a", "I", và "i".

Câu 4: Thẻ nào được sử dụng để tạo danh sách mô tả?

Trả lời:

Thẻ <dl> (danh sách mô tả), <dt> (tiêu đề mục), và <dd> (nội dung mô tả).

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

Câu 1: Làm cách nào để gộp ô theo hàng trong bảng HTML?

Trả lời:

Sử dụng thuộc tính rowspan trong thẻ <th> hoặc <td>.

Câu 2: Giải thích sự khác nhau giữa danh sách có thứ tự và không có thứ tự trong HTML.

Trả lời:

Danh sách có thứ tự sử dụng thẻ <ol> với kiểu đánh số như số, chữ cái hoặc số La Mã. Danh sách không có thứ tự sử dụng thẻ <ul> và các ký hiệu đầu dòng như disc, circle hoặc square.

Câu 3: Mục đích của thuộc tính start trong danh sách có thứ tự là gì? Viết ví dụ minh họa..

Trả lời:

Thuộc tính start xác định giá trị bắt đầu cho danh sách.

<ol start="5">

<li>Mục thứ 5</li>

<li>Mục thứ 6</li>

</ol>

Câu 4: Trong danh sách không có thứ tự, làm thế nào để thay đổi kiểu ký tự đầu dòng?

Trả lời:

Sử dụng thuộc tính style với list-style-type.

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

Câu 1: Viết đoạn mã HTML tạo một danh sách có thứ tự với kiểu đánh số chữ cái in hoa bắt đầu từ chữ “D”.

Trả lời:

<ol type="A" start="4">

<li>Mục D</li>

<li>Mục E</li>

<li>Mục F</li>

</ol>

Câu 2: Viết đoạn mã HTML tạo một danh sách không có thứ tự với kiểu đầu dòng là hình vuông.

Trả lời:

<ul style="list-style-type:square;">

<li>Mục 1</li>

<li>Mục 2</li>

<li>Mục 3</li>

</ul>

Câu 3: Viết đoạn mã HTML tạo một bảng có tiêu đề “Thời khóa biểu”, với khung viền 2px và gồm 3 hàng, 4 cột.

Trả lời:

<table style="border:2px solid;">

<caption>Thời khóa biểu</caption>

<tr>

<th>Thứ</th><th>Môn học</th><th>Giáo viên</th><th>Phòng</th>

</tr>

<tr>

<td>Thứ 2</td><td>Toán</td><td>Thầy A</td><td>101</td>

</tr>

<tr>

<td>Thứ 3</td><td>Lý</td><td>Cô B</td><td>102</td>

</tr>

</table>

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

Câu 1: Viết đoạn mã HTML tạo một danh sách mô tả các câu lạc bộ trường học và mô tả ngắn về từng câu lạc bộ.

Trả lời:

<dl>

<dt>Câu lạc bộ Thể thao</dt>

<dd>Rèn luyện sức khỏe và tham gia các giải đấu.</dd>

<dt>Câu lạc bộ Nghệ thuật</dt>

<dd>Phát triển tài năng hội họa, âm nhạc và sáng tạo.</dd>

</dl>

Câu 2: Viết đoạn mã HTML hoàn chỉnh tạo bảng “Lịch hoạt động CLB Thể thao” như yêu cầu trong lý thuyết.

Trả lời:

<table border="1">

<caption>Lịch hoạt động CLB Thể thao</caption>

<tr>

<th rowspan="2">Bộ môn</th>

<th rowspan="2">GV phụ trách</th>

<th colspan="5">Ngày</th>

</tr>

<tr>

<th>Thứ 2</th><th>Thứ 3</th><th>Thứ 4</th><th>Thứ 5</th><th>Thứ 6</th>

</tr>

<tr>

<td>Bóng đá</td><td>Thầy C</td><td>14h</td><td>14h</td><td>14h</td><td>14h</td><td>14h</td>

</tr>

</table>