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 đánh giá chính xác mức độ hiểu bài thông qua nội dung bám sát chương trình học. Các câu hỏi được sắp xếp từ dễ đến khó giúp bạn không bị quá tải. Đặc biệt phù hợp với những bạn đang ôn thi. Thông qua quá trình làm bài, bạn có thể xác định phần kiến thức còn yếu. Điều này giúp việc học trở nên chủ động hơ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 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 2: 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 3: Trong việc thiết kế phần đầu trang, thuộc tính CSS 'padding' có tác dụng gì đối với thẻ header?
- - Tạo khoảng cách giữa các thẻ li trong menu
- - Tạo khoảng cách giữa thẻ header và phần thân trang web
- - Tạo khoảng cách giữa nội dung của phần đầu trang và viền của nó
- - Xác định chiều rộng tuyệt đối của phần đầu trang
Câu 4: Cách thức đúng nhất để nhúng một tệp CSS bên ngoài (ví dụ: style.css) vào trang HTML nhằm định kiểu cho phần header là gì?
- - Dùng thẻ style bên trong phần tử head
- - Dùng thẻ link bên trong phần tử head
- - Dùng thẻ script ở cuối phần tử body
- - Dùng thẻ css bên ngoài thẻ html
Câu 5: Để 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 6: Để 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 7: Đoạn mã CSS nào sau đây giúp loại bỏ các dấu chấm tròn mặc định của danh sách không có thứ tự khi xây dựng thanh menu?
- - list-style-type: none
- - text-decoration: none
- - bullet-point: hidden
- - display: inline
Câu 8: Trong tệp CSS, khi bạn muốn định dạng cho một nhóm phần tử có thuộc tính class là 'menu-item', bộ chọn (selector) phải bắt đầu bằng ký tự nào?
- - Dấu thăng (#)
- - Dấu ngoặc vuông ([)
- - Dấu sao (*)
- - Dấu chấm (.)
Câu 9: Nếu bạn có một hình ảnh logo hình vuông và muốn nó hiển thị thành hình tròn trên thanh tiêu đề, bạn sẽ dùng thuộc tính CSS nào?
- - border-style: round
- - shape: circle
- - border-radius: 50%
- - image-rounded: true
Câu 10: 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 11: Việc sử dụng các thẻ HTML5 có ngữ nghĩa như 'header' hay 'nav' thay vì chỉ dùng các thẻ 'div' mang lại lợi ích thực tiễn nào lớn nhất?
- - Tự động tạo ra các hiệu ứng chuyển động mượt mà
- - Làm cho trang web tải nhanh hơn do mã nguồn ngắn hơn
- - Giúp trang web tự động tương thích với mọi kích thước màn hình
- - Giúp máy tìm kiếm và trình đọc màn hình hiểu rõ cấu trúc trang web
Câu 12: Để định dạng cho một phần tử duy nhất đóng vai trò là tiêu đề chính với thuộc tính id='main-title', bộ chọn CSS nào là đúng?
- - .main-title
- - *main-title
- - #main-title
- - id:main-title
Câu 13: Thuộc tính CSS nào quy định kích thước theo chiều dọc của phần đầu trang (header)?
- - length
- - width
- - size
- - height
Câu 14: 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 15: Thuộc tính nào của thẻ 'a' chứa địa chỉ URL đích mà trình duyệt sẽ chuyển đến khi người dùng nhấp vào liên kết trên menu?
- - src
- - href
- - link
- - url
Câu 16: Khi muốn phần đầu trang (header) luôn hiển thị cố định ở cạnh trên của cửa sổ trình duyệt ngay cả khi người dùng cuộn trang xuống, thuộc tính nào là thích hợp?
- - display: fixed
- - position: sticky
- - scroll: none
- - float: top
Câu 17: Khi xây dựng phần đầu trang mà chưa xác định được liên kết đích thực tế, việc sử dụng thuộc tính href='#' trong thẻ 'a' có ý nghĩa gì?
- - Gây lỗi trang web khi nhấp vào
- - Tạo một liên kết vô hiệu hóa, không thể nhấp
- - Chuyển hướng người dùng sang một trang trắng
- - Tạo một liên kết trỏ đến chính trang hiện tại
Câu 18: 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 19: Trong mô hình Flexbox, thuộc tính nào được sử dụng để căn giữa các phần tử theo trục vuông góc (trục chéo) giúp logo và menu ngang hàng với nhau?
- - justify-content: center
- - text-align: middle
- - vertical-align: middle
- - align-items: center
Câu 20: Để chèn một hình ảnh logo vào vùng đầu trang web, lập trình viên cần sử dụng thẻ HTML nào?
- - thẻ picture
- - thẻ logo
- - thẻ src
- - thẻ img
Câu 21: 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 22: Thuộc tính CSS nào đảm bảo rằng việc thêm giá trị padding hoặc border sẽ không làm thay đổi tổng chiều rộng đã thiết lập của phần tử header?
- - width: calculate
- - padding-box: inside
- - box-sizing: border-box
- - margin-collapse: true
Câu 23: Để 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 24: Trong HTML5, thẻ nào được sử dụng để xác định phần đầu của một trang web hoặc một khu vực nội dung?
- - thẻ head
- - thẻ header
- - thẻ top
- - thẻ nav
Câu 25: Lớp giả (pseudo-class) nào trong CSS được sử dụng để thay đổi trạng thái của một liên kết khi người dùng di chuột lên nó?
- - :active
- - :hover
- - :visited
- - :focus