Phương án nào dưới đây cho kết quả hiển thị như hình sau?

Lời giải chi tiết
Để xác định phương án đúng cho câu hỏi này, ta cần phân tích các mã HTML được cung cấp và so sánh kết quả hiển thị dự kiến của chúng với hình ảnh kết quả mong muốn.
Hình ảnh yêu cầu:
i. Mục 1
a. Mục a
b. Mục b
ii. Mục 2
iii. Mục 3
Phân tích các phương án:
Phương án A có cấu trúc:
- Sử dụng thuộc tính type="i" cho danh sách có thứ tự lớn.
- Phạm lỗi không đóng mở thẻ đúng giữa các mục, có thể gây lỗi hiển thị.
Phương án B sử dụng cấu trúc:
- Không sử dụng bất kỳ thuộc tính type="a" nào cho danh sách con, điều này không đảm bảo danh sách con sẽ được đánh chữ cái.
- Không đáp ứng đúng yêu cầu.
Phương án C và Phương án D đều sử dụng thuộc tính type="i" cho danh sách lớn và type="a" cho danh sách con, tạo đúng cấu trúc như mong muốn.
Kết luận, Phương án D là phương án đúng, vì:
- Sử dụng thẻ đóng/mở đúng cách.
- Sử dụng các thuộc tính hợp lý để tạo danh sách lồng nhau như hình mong muốn.
Chú ý khi giải
<li> và </li> trong danh sách.type trong thẻ <ol> để đánh số hoặc chữ phù hợp cho các danh sách con.<i> được dùng để in nghiêng văn bản trong HTML.