15+ Đề Trắc nghiệm Tin học 12 Kết nối tri thức Bài 9: Tạo danh sách, bảng

Câu 1: Bạn cần hiển thị một danh sách các bước thực hiện một công việc theo đúng trình tự. Thẻ HTML nào sau đây là phù hợp nhất để sử dụng?

• A. <ul>
• B. <ol>
• C. <dl>
• D. <li>

Câu 2: Xem xét đoạn mã HTML sau: <ul><li>Táo</li><li>Chuối</li></ul>. Kiểu dấu đầu dòng mặc định (default marker) cho danh sách này thường là gì khi hiển thị trên trình duyệt?

• A. Dấu chấm tròn đặc (Disc)
• B. Số thứ tự (Numbers)
• C. Chữ cái (Letters)
• D. Hình vuông (Square)

Câu 3: Để tạo một mục (item) bên trong cả danh sách có thứ tự (<ol>) và danh sách không có thứ tự (<ul>), chúng ta sử dụng thẻ nào?

• A. <item>
• B. <list>
• C. <bullet>
• D. <li>

Câu 4: Bạn muốn một danh sách có thứ tự được đánh dấu bằng chữ cái in hoa (A, B, C...). Thuộc tính nào của thẻ <ol> cần được sử dụng và giá trị của nó là gì?

• A. style="list-style-type: upper-alpha;"
• B. marker="A"
• C. type="A"
• D. list-style="upper-alpha"

Câu 5: Hãy phân tích đoạn mã HTML sau và cho biết nó sẽ hiển thị kiểu danh sách gì? <dl><dt>HTML</dt><dd>Ngôn ngữ đánh dấu siêu văn bản.</dd><dt>CSS</dt><dd>Ngôn ngữ định kiểu theo tầng.</dd></dl>

• A. Danh sách mô tả (Description List)
• B. Danh sách có thứ tự (Ordered List)
• C. Danh sách không có thứ tự (Unordered List)
• D. Danh sách lồng nhau (Nested List)

Câu 6: Trong danh sách mô tả (<dl>), thẻ <dd> có vai trò gì?

• A. Định nghĩa tiêu đề của danh sách.
• B. Định nghĩa một thuật ngữ hoặc tên.
• C. Cung cấp mô tả hoặc định nghĩa cho một thuật ngữ.
• D. Tạo một mục danh sách có dấu đầu dòng.

Câu 7: Bạn muốn một danh sách có thứ tự bắt đầu đánh số từ 5 thay vì 1. Thuộc tính nào của thẻ <ol> cần được sử dụng và giá trị của nó là gì?

• A. begin="5"
• B. start="5"
• C. value="5"
• D. index="5"

Câu 8: Để thay đổi kiểu dấu đầu dòng của một danh sách không có thứ tự (<ul>) thành hình vuông đặc (square), phương pháp sử dụng CSS nào là phổ biến và đúng cú pháp?

• A. Sử dụng thuộc tính CSS "list-style-type: square;" cho thẻ <ul>.
• B. Sử dụng thuộc tính HTML "type="square"" cho thẻ <ul>.
• C. Sử dụng thuộc tính CSS "bullet-type: square;" cho thẻ <li>.
• D. Sử dụng thuộc tính HTML "marker="square"" cho thẻ <ul>.

Câu 9: Bạn muốn tạo một danh sách các mục con bên trong một mục của danh sách chính. Cấu trúc HTML đúng để tạo danh sách lồng nhau (nested list) là gì?

• A. Đặt danh sách con (<ol> hoặc <ul>) bên ngoài thẻ <li> của danh sách cha.
• B. Đặt danh sách con (<ol> hoặc <ul>) bên trong thẻ <li> của danh sách cha.
• C. Sử dụng thuộc tính "nested" cho danh sách con.
• D. Sử dụng thẻ <sublist>.

Câu 10: Thẻ HTML cơ bản nhất được sử dụng để bắt đầu định nghĩa một bảng trong trang web là gì?

• A. <table>
• B. <tbody>
• C. <tr>
• D. <td>

Câu 11: Trong cấu trúc bảng HTML, thẻ nào được sử dụng để định nghĩa một hàng (row) duy nhất trong bảng?

• A. <tc>
• B. <td>
• C. <tr>
• D. <th>

Câu 12: Thẻ nào được sử dụng để định nghĩa một ô dữ liệu (data cell) thông thường trong một hàng của bảng?

• A. <tc>
• B. <td>
• C. <tr>
• D. <th>

Câu 13: Thẻ nào thường được sử dụng để định nghĩa một ô tiêu đề (header cell) cho một cột hoặc một hàng trong bảng, và nội dung của nó thường được hiển thị in đậm và căn giữa mặc định?

• A. <td>
• B. <header>
• C. <caption>
• D. <th>

Câu 14: Bạn muốn gộp hai ô liền kề trong cùng một hàng thành một ô duy nhất theo chiều ngang. Thuộc tính nào của thẻ <td> hoặc <th> cần được sử dụng?

• A. colspan
• B. rowspan
• C. cellspan
• D. mergecols

Câu 15: Bạn muốn gộp ba ô liền kề trong cùng một cột thành một ô duy nhất theo chiều dọc. Thuộc tính nào của thẻ <td> hoặc <th> cần được sử dụng và giá trị của nó là bao nhiêu?

• A. colspan="3"
• B. merge="3"
• C. rowspan="3"
• D. cellspan="3"

Câu 16: Thẻ nào được sử dụng để cung cấp một tiêu đề hoặc chú thích cho toàn bộ bảng, giúp người đọc hiểu nhanh nội dung của bảng?

• A. <title>
• B. <header>
• C. <label>
• D. <caption>

Câu 17: Xem xét đoạn mã HTML sau: <table><tr><th>Tên</th><th>Tuổi</th></tr><tr><td>An</td><td>17</td></tr><tr><td>Bình</td><td>18</td></tr></table>. Bảng này có bao nhiêu hàng và bao nhiêu cột?

• A. 3 hàng, 2 cột
• B. 2 hàng, 3 cột
• C. 3 hàng, 3 cột
• D. 2 hàng, 2 cột

Câu 18: Bạn muốn tạo một danh sách không có thứ tự nhưng không hiển thị bất kỳ dấu đầu dòng nào (ví dụ: chỉ hiển thị các mục gạch đầu dòng hoặc không có gì). Thuộc tính CSS nào là phù hợp nhất để loại bỏ dấu đầu dòng?

• A. style="bullet: none;"
• B. type="none"
• C. list-marker: none;
• D. list-style-type: none;

Câu 19: Phân tích đoạn mã bảng sau: <table border="1"><tr><th colspan="2">Thông tin</th></tr><tr><td>Tên</td><td>Địa chỉ</td></tr></table>. Bảng này sẽ có cấu trúc hiển thị như thế nào?

• A. Một hàng với 3 ô.
• B. Hai hàng, hàng đầu có 1 ô gộp 2 cột, hàng sau có 2 ô.
• C. Hai hàng, mỗi hàng có 2 ô.
• D. Ba hàng, mỗi hàng có 1 ô.

Câu 20: Trong ngữ cảnh tạo bảng HTML, việc sử dụng thẻ <th> thay vì <td> cho các ô tiêu đề mang lại lợi ích chủ yếu nào về mặt ngữ nghĩa (semantic) và khả năng truy cập (accessibility)?

• A. Giúp bảng hiển thị nhanh hơn trên trình duyệt.
• B. Tự động thêm đường viền cho bảng.
• C. Cung cấp ngữ nghĩa cho các ô tiêu đề, cải thiện khả năng truy cập và hiểu cấu trúc bảng.
• D. Làm cho nội dung trong ô tiêu đề nhỏ hơn.

Câu 21: Bạn cần hiển thị một danh sách các thuật ngữ và định nghĩa tương ứng của chúng, như một bảng chú giải (glossary). Cấu trúc danh sách nào là phù hợp nhất về mặt ngữ nghĩa?

• A. Danh sách mô tả (<dl>)
• B. Danh sách có thứ tự (<ol>)
• C. Danh sách không có thứ tự (<ul>)
• D. Một bảng (<table>)

Câu 22: Thuộc tính nào của thẻ <ol> cho phép bạn đánh số danh sách theo thứ tự ngược lại (ví dụ: 3, 2, 1)?

• A. order="descending"
• B. direction="reverse"
• C. descending="true"
• D. reversed

Câu 23: Để tạo đường viền cho bảng trong HTML, phương pháp hiện đại và được khuyến nghị sử dụng là gì?

• A. Sử dụng thuộc tính HTML "border" trong thẻ <table>.
• B. Sử dụng thuộc tính CSS "border" cho thẻ <table>, <th>, <td>.
• C. Sử dụng thuộc tính HTML "outline" trong thẻ <table>.
• D. Tự vẽ đường viền bằng các ký tự đặc biệt.

Câu 24: Bạn có một bảng dữ liệu và muốn nhóm các hàng tiêu đề, nội dung và chân bảng một cách rõ ràng về mặt ngữ nghĩa. Các thẻ <thead>, <tbody>, và <tfoot> được sử dụng cho mục đích này. Thứ tự đúng của các thẻ này bên trong thẻ <table> là gì?

• A. <tbody>, <thead>, <tfoot>
• B. <thead>, <tfoot>, <tbody>
• C. <thead>, <tbody>, <tfoot>
• D. <tfoot>, <thead>, <tbody>

Câu 25: Xem xét đoạn mã HTML sau: <ul><li>Item 1<ol><li>Sub-item 1.1</li></ol></li><li>Item 2</li></ul>. Khi hiển thị, "Sub-item 1.1" sẽ được đánh dấu bằng gì (mặc định)?

• A. Dấu chấm tròn đặc (Disc)
• B. Chữ cái thường (a, b, c...)
• C. Số La Mã thường (i, ii, iii...)
• D. Số thứ tự (1, 2, 3...)

Câu 26: Bạn có một bảng 3 hàng và 3 cột. Bạn muốn gộp ô ở hàng 1, cột 1 với ô ở hàng 2, cột 1. Thuộc tính "rowspan" cần được thêm vào ô nào và giá trị là bao nhiêu?

• A. Thêm rowspan="2" vào ô ở hàng 1, cột 1.
• B. Thêm rowspan="2" vào ô ở hàng 2, cột 1.
• C. Thêm colspan="2" vào ô ở hàng 1, cột 1.
• D. Thêm rowspan="1" vào cả hai ô.

Câu 27: Khi nào việc sử dụng thẻ <table> để bố cục trang (layout) được xem là không phù hợp và nên tránh trong phát triển web hiện đại?

• A. Khi bảng có quá nhiều hàng.
• B. Khi bảng không có tiêu đề.
• C. Khi mục đích chính là tạo bố cục cho các phần tử không phải dữ liệu dạng bảng.
• D. Khi bảng chứa hình ảnh.

Câu 28: Bạn có một danh sách các mục và muốn mỗi mục có một số thứ tự duy nhất, ngay cả khi bạn chèn hoặc xóa các mục ở giữa. Cấu trúc danh sách nào tự động quản lý việc đánh số này?

• A. <ul>
• B. <ol>
• C. <dl>
• D. Sử dụng CSS để thêm số thủ công.

Câu 29: Xem xét đoạn mã HTML và CSS sau: HTML: <ul class="my-list"><li>Item A</li><li>Item B</li></ul>. CSS: .my-list li { list-style-type: circle; }. Danh sách này sẽ hiển thị với kiểu dấu đầu dòng nào?

• A. Dấu chấm tròn đặc (Disc)
• B. Hình vuông đặc (Square)
• C. Vòng tròn rỗng (Circle)
• D. Không có dấu đầu dòng (None)

Câu 30: Bạn cần tạo một bảng hiển thị thời khóa biểu. Cột đầu tiên là "Tiết học", các cột tiếp theo là "Thứ 2", "Thứ 3", ..., "Thứ 6". Các ô dữ liệu chứa tên môn học. Cấu trúc cơ bản của hàng tiêu đề (header row) sẽ sử dụng những thẻ nào?

• A. Một thẻ <tr> chứa nhiều thẻ <th>.
• B. Một thẻ <tr> chứa nhiều thẻ <td>.
• C. Một thẻ <th> chứa nhiều thẻ <td>.
• D. Một thẻ <header> chứa nhiều thẻ <cell>.