Trắc nghiệm Tin học ứng dụng 12 kết nối tri thứcTrắ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 Đăng vào 3 Tháng 5, 2026 bởi admin 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 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 Số câu25Quiz ID40716 Làm bài Câu 1 Để 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? A justify-content: space-around B justify-content: space-between C justify-content: flex-end D justify-content: center Câu 2 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? A background-color B color C bg-color D fill Câu 3 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? A thẻ menu B thẻ div C thẻ nav D thẻ section Câu 4 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? A width: calculate B padding-box: inside C box-sizing: border-box D margin-collapse: true Câu 5 Đ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? A list-style-type: none B text-decoration: none C bullet-point: hidden D display: inline Câu 6 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? A gap B space-between C padding D spacing Câu 7 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? A Dấu thăng (#) B Dấu ngoặc vuông ([) C Dấu sao (*) D Dấu chấm (.) Câu 8 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ì? A Gây lỗi trang web khi nhấp vào B Tạo một liên kết vô hiệu hóa, không thể nhấp C Chuyển hướng người dùng sang một trang trắng D Tạo một liên kết trỏ đến chính trang hiện tại Câu 9 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ì? A 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 B Margin dùng cho chữ, padding dùng cho hình ảnh C Margin thay đổi kích thước phần tử, padding không làm thay đổi D 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 10 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ì? A Dùng thẻ style bên trong phần tử head B Dùng thẻ link bên trong phần tử head C Dùng thẻ script ở cuối phần tử body D Dùng thẻ css bên ngoài thẻ html Câu 11 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? A src B href C link D url Câu 12 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? A justify-content: center B text-align: middle C vertical-align: middle D align-items: center Câu 13 Để 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? A text-style: strong B font-size: large C font-weight: bold D font-family: bold Câu 14 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ó? A :active B :hover C :visited D :focus Câu 15 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? A thẻ head B thẻ header C thẻ top D thẻ nav Câu 16 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? A border-style: round B shape: circle C border-radius: 50% D image-rounded: true Câu 17 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? A float: left B display: flex C display: block D position: absolute 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? A Đặt trực tiếp các thẻ a bên trong thẻ ul B Đặt thẻ nav bên trong thẻ ul, các mục là thẻ li C Đặt trực tiếp các thẻ a bên trong thẻ div D Đặt thẻ ul bên trong thẻ nav, các mục là thẻ li chứa thẻ a Câu 19 Để 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? A thẻ picture B thẻ logo C thẻ src D thẻ img Câu 20 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? A display: fixed B position: sticky C scroll: none D float: top Câu 21 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)? A length B width C size D height Câu 22 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? A Tạo khoảng cách giữa các thẻ li trong menu B Tạo khoảng cách giữa thẻ header và phần thân trang web C Tạo khoảng cách giữa nội dung của phần đầu trang và viền của nó D Xác định chiều rộng tuyệt đối của phần đầu trang 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? A font-style: normal B border-bottom: 0 C text-decoration: none D text-transform: uppercase Câu 24 Để đị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? A .main-title B *main-title C #main-title D id:main-title Câu 25 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? A Tự động tạo ra các hiệu ứng chuyển động mượt mà B Làm cho trang web tải nhanh hơn do mã nguồn ngắn hơn C Giúp trang web tự động tương thích với mọi kích thước màn hình D 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 Trắc nghiệm Tin học ứng dụng 12 Kết nối bài 23: Chuẩn bị xây dựng trang web Trắc nghiệm Tin học ứng dụng 12 Kết nối bài 25: Xây dựng phần thân và chân trang web
