Bộ 30+ câu hỏi trắc nghiệm Tạo danh sách (List) trong HTML. Cùng rèn luyện kiến thức HTML online ngay nhé.
1. Phần tử HTML nào được sử dụng để xác định một mục trong danh sách (cả danh sách có thứ tự và không có thứ tự)?
A. item
B. listitem
C. li
D. ld
2. Điều gì sẽ xảy ra nếu bạn không đóng thẻ 'li' trong một danh sách HTML?
A. Trình duyệt sẽ tự động đóng thẻ 'li'.
B. Trình duyệt sẽ báo lỗi.
C. Kết quả hiển thị có thể không nhất quán giữa các trình duyệt và không hợp lệ theo tiêu chuẩn HTML.
D. Danh sách sẽ không hiển thị.
3. Trong HTML, phần tử nào thường được sử dụng để tạo một danh sách không có thứ tự?
4. Thuộc tính nào trong CSS cho phép bạn đặt một hình ảnh làm dấu đầu dòng cho một danh sách không có thứ tự?
A. list-style-type
B. list-style-image
C. marker-image
D. bullet-image
5. Giá trị nào của thuộc tính `list-style-type` sẽ ẩn tất cả các dấu đầu dòng trong danh sách không có thứ tự?
A. circle
B. disc
C. none
D. square
6. Đâu là cách chính xác để tạo một danh sách không có thứ tự với ba mục: 'Red', 'Green', 'Blue'?
A. ul li Red li li Green li li Blue li ul
B. ul li Red li Green li Blue li ul
C. ul li Red li li Green li li Blue li
D. ul li Red li Green li Blue ul
7. Danh sách HTML nào cho phép bạn lồng các danh sách khác vào bên trong một mục danh sách?
A. Chỉ danh sách định nghĩa
B. Chỉ danh sách có thứ tự
C. Chỉ danh sách không có thứ tự
D. Tất cả các loại danh sách
8. Bạn muốn tạo một danh sách định nghĩa (dl) với các thuật ngữ và định nghĩa được căn chỉnh theo chiều ngang. Làm thế nào để thực hiện điều này bằng CSS?
A. Sử dụng thuộc tính `float: left;` cho cả `dt` và `dd`.
B. Sử dụng thuộc tính `display: inline-block;` cho cả `dt` và `dd`.
C. Sử dụng thuộc tính `display: flex;` cho thẻ `dl`.
D. Không thể căn chỉnh các thuật ngữ và định nghĩa theo chiều ngang.
9. Thuộc tính nào được sử dụng để thay đổi kiểu đánh số trong danh sách có thứ tự?
A. style
B. type
C. list-style-type
D. numbering
10. Giá trị nào của thuộc tính `type` trong `ol` sẽ tạo ra danh sách với các chữ cái in hoa (A, B, C...)?
11. Cho đoạn code sau: ol li Item 1 li Item 2 /ol. Đoạn code này sẽ hiển thị như thế nào?
A. Một danh sách không có thứ tự với hai mục.
B. Một danh sách có thứ tự với hai mục.
C. Một lỗi, vì thiếu dấu đóng thẻ.
D. Một danh sách có thứ tự với một mục.
12. Thuộc tính 'start' trong thẻ 'ol' có tác dụng gì?
A. Xác định kiểu hiển thị của danh sách.
B. Xác định số bắt đầu của danh sách có thứ tự.
C. Xác định số lượng mục trong danh sách.
D. Xác định số kết thúc của danh sách có thứ tự.
13. Danh sách HTML nào phù hợp nhất để tạo một mục lục trang web?
A. Danh sách định nghĩa
B. Danh sách có thứ tự
C. Danh sách không có thứ tự
D. Bất kỳ loại danh sách nào cũng phù hợp
14. Khi nào nên sử dụng danh sách định nghĩa (dl, dt, dd) thay vì danh sách có thứ tự (ol) hoặc không có thứ tự (ul)?
A. Khi cần hiển thị các mục theo thứ tự thời gian.
B. Khi cần hiển thị các mục với dấu đầu dòng.
C. Khi cần hiển thị một thuật ngữ và định nghĩa liên quan.
D. Khi cần tạo một menu điều hướng.
15. Bạn muốn tạo một danh sách lồng nhau, trong đó danh sách chính là danh sách có thứ tự và danh sách con là danh sách không có thứ tự. Cấu trúc HTML nào là đúng?
A. ul li ol li item /li /ol /li /ul
B. ol li ul li item /li /ul /li /ol
C. ol ul li item /li /ul /ol
D. ul ol li item /li /ol /ul
16. Loại danh sách nào hiển thị các mục danh sách bằng số theo mặc định?
A. Danh sách không có thứ tự
B. Danh sách định nghĩa
C. Danh sách menu
D. Danh sách có thứ tự
17. Giá trị nào của thuộc tính `type` trong `ol` sẽ tạo ra danh sách với các chữ số La Mã viết thường (i, ii, iii...)?
18. Danh sách nào phù hợp nhất để hiển thị một thuật ngữ và định nghĩa của nó?
A. Danh sách không có thứ tự
B. Danh sách có thứ tự
C. Danh sách định nghĩa
D. Danh sách menu
19. Bạn có thể sử dụng danh sách lồng nhau để tạo cấu trúc phân cấp trong một trang web không?
A. Không, danh sách lồng nhau chỉ dành cho mục đích trình bày dữ liệu.
B. Có, danh sách lồng nhau là một cách phổ biến để tạo cấu trúc phân cấp, ví dụ như menu điều hướng.
C. Có, nhưng chỉ khi sử dụng danh sách định nghĩa.
D. Không, cấu trúc phân cấp phải được tạo bằng các thẻ div.
20. Trong HTML, phần tử nào được sử dụng để tạo một danh sách có thứ tự?
21. Cho đoạn code sau: ul li Item 1 /ul li Item 2 /ul. Đoạn code này có hợp lệ không?
A. Có, đoạn code này hoàn toàn hợp lệ.
B. Không, vì thẻ 'li' thứ hai nằm ngoài thẻ 'ul'.
C. Không, vì thiếu thẻ đóng 'li' cho 'Item 1'.
D. Có, nhưng chỉ khi có CSS được áp dụng.
22. Trong CSS, thuộc tính `list-style-position` có tác dụng gì?
A. Xác định vị trí của số hoặc dấu đầu dòng so với nội dung của mục danh sách.
B. Xác định kiểu của số hoặc dấu đầu dòng.
C. Xác định kích thước của số hoặc dấu đầu dòng.
D. Xác định màu sắc của số hoặc dấu đầu dòng.
23. Bạn muốn tạo một danh sách các bước thực hiện theo thứ tự, nhưng bạn muốn danh sách bắt đầu từ số 5. Làm thế nào để thực hiện điều này?
A. Sử dụng CSS để đặt `list-style-position: 5;`
B. Sử dụng thuộc tính `start=""5""` trong thẻ `ol`.
C. Sử dụng thuộc tính `value=""5""` trong thẻ `li` đầu tiên.
D. Không thể bắt đầu danh sách có thứ tự từ một số khác 1.
24. Giá trị nào của thuộc tính `list-style-type` sẽ tạo ra dấu đầu dòng hình vuông?
A. circle
B. disc
C. none
D. square
25. Thuộc tính nào có thể được sử dụng để thay đổi kiểu dấu đầu dòng trong danh sách không có thứ tự?
A. type
B. style
C. list-style
D. marker
26. Phần tử HTML nào được sử dụng để xác định định nghĩa của một thuật ngữ trong danh sách định nghĩa?
27. Phần tử HTML nào được sử dụng để xác định một thuật ngữ trong danh sách định nghĩa?
28. Điều gì xảy ra nếu bạn đặt một thẻ 'li' trực tiếp bên trong một thẻ 'body' mà không bao quanh nó bằng 'ul' hoặc 'ol'?
A. Trình duyệt sẽ bỏ qua thẻ 'li'.
B. Trình duyệt sẽ tự động tạo một thẻ 'ul' bao quanh thẻ 'li'.
C. Trình duyệt có thể hiển thị thẻ 'li' nhưng hành vi không được xác định rõ ràng và không hợp lệ theo tiêu chuẩn HTML.
D. Trình duyệt sẽ báo lỗi.
29. Loại danh sách nào hiển thị các mục danh sách bằng dấu đầu dòng theo mặc định?
A. Danh sách có thứ tự
B. Danh sách định nghĩa
C. Danh sách menu
D. Danh sách không có thứ tự
30. Trong HTML, có thể sử dụng CSS để loại bỏ dấu đầu dòng mặc định của một danh sách không có thứ tự hay không?
A. Không, không thể loại bỏ dấu đầu dòng.
B. Có, bằng cách sử dụng thuộc tính `list-style-type: none;`
C. Có, bằng cách sử dụng thuộc tính `display: none;`
D. Có, bằng cách sử dụng thuộc tính `marker: none;`
Võ Việt Hoàng SEO
Võ Việt Hoàng SEO