Trắc nghiệm Tin học ứng dụng 12 Kết nối bài 24: Xây dựng phần đầu trang web giúp bạn rèn luyện phản xạ làm bài hiệu quả thông qua nhiều dạng câu hỏi phổ biến.
Trắc nghiệm Tin học ứng dụng 12 Kết nối bài 24: Xây dựng phần đầu trang web
⏱ Thời gian còn lại: --:--
Tiến độ hoàn thành
0/0 câu
🏆 BẢNG VÀNG TOP 5 ĐIỂM TỐT NHẤT
Đang tải bảng xếp hạng...
Câu 1: Khi thanh menu sử dụng display: flex, thuộc tính nào giúp tạo khoảng cách đều nhau giữa các mục menu mà không cần định dạng margin cho từng mục?
- - gap
- - space-between
- - padding
- - spacing
Câu 2: Thành phần nào sau đây được coi là phần đầu (header) của một trang web điển hình?
- - Khu vực chứa logo và thanh menu điều hướng
- - Khu vực hiển thị bản quyền trang web
- - Khu vực chứa các bài viết chi tiết
- - Khu vực hiển thị danh sách các bài viết liên quan
Câu 3: Làm thế nào để các mục trong menu điều hướng nằm cạnh nhau thay vì nằm chồng lên nhau?
- - Đặt thuộc tính display: inline cho các thẻ li
- - Đặt thuộc tính float: bottom cho thẻ ul
- - Sử dụng thẻ br giữa các mục
- - Sử dụng thẻ p cho từng mục
Câu 4: Để làm cho văn bản chứa tên trang web trong phần header hiển thị với nét chữ đậm hơn, bạn phải dùng thuộc tính CSS nào?
- - text-style: strong
- - font-size: large
- - font-weight: bold
- - font-family: bold
Câu 5: Sự khác biệt giữa thẻ head và thẻ header là gì?
- - Cả hai là một
- - Thẻ head chứa cấu hình trang, thẻ header chứa nội dung đầu trang
- - Thẻ head hiển thị trên trình duyệt, thẻ header thì không
- - Thẻ header chứa cấu hình, thẻ head chứa menu
Câu 6: Trong CSS, đơn vị đo nào thường được khuyên dùng cho header để linh hoạt?
- - Phần trăm (%) hoặc đơn vị tương đối (em, rem)
- - Pixels (px)
- - Inches (in)
- - Centimeters (cm)
Câu 7: Sự khác biệt cốt lõi giữa hai thuộc tính 'margin' và 'padding' trong CSS khi định dạng giao diện là gì?
- - Margin tạo khoảng cách bên ngoài viền, padding tạo khoảng cách bên trong viền
- - Margin dùng cho chữ, padding dùng cho hình ảnh
- - Margin thay đổi kích thước phần tử, padding không làm thay đổi
- - Margin tạo khoảng cách bên trong viền, padding tạo khoảng cách bên ngoài viền
Câu 8: Thuộc tính nào giúp thiết lập màu nền cho thẻ header để khu vực đầu trang phân tách trực quan với phần còn lại của trang web?
- - background-color
- - color
- - bg-color
- - fill
Câu 9: Thẻ 'a' bên trong thẻ 'nav' thường đóng vai trò gì?
- - Tạo liên kết đến các trang khác
- - Tạo một tiêu đề phụ
- - Định dạng chữ in đậm
- - Chèn hình ảnh logo
Câu 10: Để phần tử logo nằm sát lề trái và thanh menu nằm sát lề phải trong một container Flexbox, thuộc tính justify-content cần nhận giá trị nào?
- - justify-content: space-around
- - justify-content: space-between
- - justify-content: flex-end
- - justify-content: center
Câu 11: Thẻ HTML nào có ngữ nghĩa chuyên dụng để nhóm các liên kết tạo thành một thanh menu điều hướng chính?
- - thẻ menu
- - thẻ div
- - thẻ nav
- - thẻ section
Câu 12: Trong cấu trúc head, thẻ nào dùng để cấu hình chính sách bảo mật nội dung?
- - Thẻ meta với http-equiv='Content-Security-Policy'
- - Thẻ meta với name='security'
- - Thẻ link với rel='security'
- - Thẻ script với type='security'
Câu 13: Việc thiếu thẻ header trong trang web sẽ dẫn đến hậu quả gì?
- - Trang web sẽ bị lỗi hiển thị hoàn toàn
- - Công cụ tìm kiếm khó nhận diện cấu trúc trang
- - Trang web sẽ bị cấm truy cập
- - Trang web sẽ mất dữ liệu ảnh
Câu 14: Tại sao việc sử dụng thẻ ngữ nghĩa như 'header' thay vì 'div' lại được khuyến khích trong phát triển web?
- - Giúp công cụ tìm kiếm hiểu rõ hơn cấu trúc nội dung trang web
- - Làm cho trang web tải nhanh hơn đáng kể
- - Giảm dung lượng tệp tin CSS cần tải
- - Giúp tự động hóa việc viết mã JavaScript
Câu 15: Thẻ HTML nào dùng để tạo một danh sách các liên kết trong menu điều hướng?
- - Thẻ div
- - Thẻ ul và li
- - Thẻ table
- - Thẻ p
Câu 16: Để căn giữa các phần tử bên trong thanh menu theo chiều ngang, thuộc tính CSS nào thường được dùng cho thẻ chứa (container)?
- - justify-content: center
- - text-align: middle
- - align-items: center
- - vertical-align: center
Câu 17: Phần tử nào là bắt buộc trong thẻ 'a' để xác định đường dẫn trang đích?
- - Thuộc tính 'href'
- - Thuộc tính 'src'
- - Thuộc tính 'link'
- - Thuộc tính 'target'
Câu 18: Khi muốn các phần tử bên trong thanh điều hướng (như các mục menu) hiển thị trên cùng một hàng ngang, thuộc tính CSS nào là tối ưu và hiện đại nhất?
- - float: left
- - display: flex
- - display: block
- - position: absolute
Câu 19: Thẻ HTML nào sau đây thường được sử dụng để bao bọc phần đầu trang web?
- - Thẻ footer
- - Thẻ header
- - Thẻ section
- - Thẻ body
Câu 20: Để loại bỏ đường gạch chân dưới các văn bản liên kết trên menu, bạn cần sử dụng thuộc tính CSS nào?
- - font-style: normal
- - border-bottom: 0
- - text-decoration: none
- - text-transform: uppercase
Câu 21: Thuộc tính nào của thẻ meta dùng để thiết lập thời gian tự động làm mới trang?
- - http-equiv='refresh'
- - name='refresh'
- - content='auto-load'
- - charset='refresh'
Câu 22: Thành phần nào không nên xuất hiện trong header của một trang web?
- - Nút đăng nhập/đăng ký
- - Nội dung văn bản dài (đoạn văn)
- - Logo thương hiệu
- - Menu chính
Câu 23: Giá trị của thuộc tính 'content' trong thẻ meta viewport thường bao gồm thành phần nào?
- - width=device-width, initial-scale=1.0
- - charset=UTF-8, lang=vi
- - author=admin, version=1.0
- - display=block, size=auto
Câu 24: Theo thực tiễn thiết kế web, cấu trúc HTML nào sau đây là hợp lý và chuẩn ngữ nghĩa nhất để tạo thanh menu điều hướng?
- - Đặt trực tiếp các thẻ a bên trong thẻ ul
- - Đặt thẻ nav bên trong thẻ ul, các mục là thẻ li
- - Đặt trực tiếp các thẻ a bên trong thẻ div
- - Đặt thẻ ul bên trong thẻ nav, các mục là thẻ li chứa thẻ a
Câu 25: Để các mục trong menu hiển thị nằm ngang thay vì nằm dọc, thuộc tính nào của Flexbox thường được dùng?
- - flex-direction: row
- - flex-direction: column
- - float: left
- - display: inline