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 ôn tập kiến thức một cách có hệ thống thông qua dạng bài tập quen thuộc thường gặp trong đề thi.
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: 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 2: Việc đặt thẻ style bên trong thẻ head có tác dụng gì đối với trang web?
- - Định nghĩa CSS nội bộ cho trang
- - Tạo ra các cấu trúc bảng dữ liệu
- - Khai báo cấu hình SEO cho trang
- - Tải các tệp hình ảnh từ máy chủ
Câu 3: Để tạo khoảng cách đều giữa các mục menu trong header, ta dùng thuộc tính nào của Flexbox?
- - gap
- - margin-right
- - padding-left
- - space-around
Câu 4: Để 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 5: Để 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 6: Để tạo một logo hoặc hình ảnh đại diện trong phần đầu trang web, thẻ HTML nào thường được sử dụng?
- - Thẻ 'img'
- - Thẻ 'div'
- - Thẻ 'a'
- - Thẻ 'head'
Câu 7: Khi thiết kế header, việc sử dụng thuộc tính 'position: fixed' có ý nghĩa gì?
- - Làm cho header luôn hiển thị ở trên cùng dù người dùng cuộn trang
- - Làm cho header biến mất khi cuộn trang
- - Làm cho header giãn rộng hết cỡ màn hình
- - Thay đổi font chữ trong header
Câu 8: Để 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 9: Thẻ style có thể chứa loại định dạng nào?
- - CSS
- - HTML
- - JavaScript
- - PHP
Câu 10: Tại sao lập trình viên thường đặt thẻ link dẫn đến file CSS trong phần head?
- - Để tránh hiện tượng nhấp nháy giao diện khi trang tải
- - Vì đây là yêu cầu bắt buộc của ngôn ngữ lập trình C++
- - Để tăng dung lượng cho tệp tin JavaScript
- - Để ẩn các tệp tin này khỏi trình duyệt người dùng
Câu 11: Khi thiết kế web cho thiết bị di động, phần đầu trang thường được thu gọn lại thành gì?
- - Một nút menu biểu tượng (thường là ba gạch ngang)
- - Một dòng chữ dài
- - Một danh sách dọc khổng lồ
- - Nhiều hình ảnh lớn
Câu 12: 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 13: 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 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: 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 16: 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 17: Việc đặt logo trong thẻ header có tác dụng gì đối với người dùng?
- - Tăng dung lượng tải trang
- - Giúp người dùng nhận diện nhanh thương hiệu
- - Tăng kích thước file ảnh
- - Làm thay đổi địa chỉ URL
Câu 18: Để tạo một khoảng cách đều xung quanh phần tử mà không ảnh hưởng tới kích thước border, ta thường dùng:
- - padding
- - margin
- - width
- - height
Câu 19: Để khai báo ngôn ngữ chính của trang web (ví dụ: tiếng Anh), ta sử dụng thuộc tính nào trong thẻ html?
- - lang
- - charset
- - content
- - name
Câu 20: Thuộc tính z-index trong header thường được dùng để làm gì?
- - Điều khiển độ cao xếp chồng của phần tử
- - Thay đổi màu chữ
- - Xoay ảnh
- - Ẩn phần tử
Câu 21: 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 22: Trong CSS, thuộc tính 'align-items' trong Flexbox có tác dụng gì khi các phần tử nằm trên một hàng?
- - Căn chỉnh các phần tử theo chiều dọc
- - Căn chỉnh các phần tử theo chiều ngang
- - Thay đổi kích thước font chữ
- - Tăng khoảng cách giữa các từ
Câu 23: Thanh điều hướng (navigation bar) của trang web thường được bao bọc bởi thẻ nào để tăng tính ngữ nghĩa?
- - Thẻ 'nav'
- - Thẻ 'section'
- - Thẻ 'footer'
- - Thẻ 'main'
Câu 24: 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 25: Thẻ nào trong HTML thường được dùng để chứa các liên kết điều hướng nằm trong phần đầu trang web?
- - Thẻ nav
- - Thẻ section
- - Thẻ article
- - Thẻ aside