Haylamdo biên soạn và sưu tầm 15 câu hỏi trắc nghiệm Tin học 12 Bài 11: Mô hình hộp, bố cục trang web có đáp án chi tiết đầy đủ các mức độ sách Cánh diều sẽ giúp học sinh lớp 12 ôn luyện trắc nghiệm Tin 12.
Trắc nghiệm Tin học 12 Bài 11: Mô hình hộp, bố cục trang web - Cánh diều
PHẦN I.Câu trắc nghiệm nhiều phương án lựa chọn. Thí sinh trả lời từ câu 1 đến câu 10. Mỗi câu hỏi thí sinh chỉ lựa chọn một phương án.
Câu 1: Mô hình hộp trong CSS bao gồm các vùng nào?
A. Vùng nội dung, vùng đệm, vùng đường viền, vùng lề
B. Vùng đầu trang, vùng nội dung, vùng chân trang
C. Vùng tiêu đề, vùng nội dung, vùng footer, vùng menu
D. Vùng hiển thị, vùng cấu hình, vùng màu nền
Đáp án: A
Giải thích: Mô hình hộp trong CSS bao gồm các vùng nội dung (content), đệm (padding), đường viền (border), và lề (margin). Các vùng này giúp định hình cách phần tử được trình bày trên trang.
Câu 2: Thuộc tính CSS nào được sử dụng để thay đổi kiểu hiển thị của phần tử thành hiển thị theo dòng?
A. display: block;
B. display: inline;
C. display: flex;
D. display: grid;
Đáp án: B
Giải thích: Để thay đổi kiểu hiển thị của phần tử thành hiển thị theo dòng, bạn sử dụng thuộc tính CSS display: inline;. Phần tử sẽ hiển thị trên cùng một dòng với các phần tử khác.
Câu 3: Cú pháp nào đúng để khai báo một phần tử hiển thị theo khối trong CSS?
A. display: inline;
B. display: block;
C. display: list-item;
D. display: none;
Đáp án: B
Giải thích: Để thiết lập kiểu hiển thị của phần tử theo khối, bạn sử dụng thuộc tính display: block;. Phần tử sẽ chiếm toàn bộ chiều rộng của dòng và bắt đầu từ một dòng mới.
Câu 4: Đâu là phần tử HTML thường được hiển thị theo khối?
A. <img>
B. <a>
C. <p>
D. <span>
Đáp án: C
Giải thích: Phần tử <p> (paragraph) thường được hiển thị theo khối. Các phần tử hiển thị theo khối như <h1>, <p>, và <div> thường bắt đầu từ một dòng mới và chiếm toàn bộ chiều rộng của dòng.
Câu 5: Phần nào trong bố cục trang web cung cấp thông tin như logo và tiêu đề trang web?
A. Phần đầu trang (header)
B. Thanh điều hướng (navigation menu)
C. Phần nội dung (content)
D. Phần chân trang (footer)
Đáp án: A
Giải thích: Phần đầu trang (header) của một trang web thường chứa thông tin như logo, tiêu đề trang web, và có thể cả các liên kết điều hướng chính.
Câu 6: Khi sử dụng mô hình hộp trong CSS, đâu là khu vực nằm giữa vùng nội dung và vùng đường viền?
A. Vùng đệm (padding)
B. Vùng lề (margin)
C. Vùng tiêu đề (header)
D. Vùng chân trang (footer)
Đáp án: A
Giải thích: Vùng đệm (padding) nằm giữa vùng nội dung và vùng đường viền trong mô hình hộp, và giúp tạo khoảng cách giữa nội dung và đường viền của phần tử.
Câu 7: Phần tử nào thường được hiển thị theo dòng trong HTML?
A. <div>
B. <h1>
C. <a>
D. <p>
Đáp án: C
Giải thích: Phần tử <a> (anchor) và các phần tử tương tự thường được hiển thị theo dòng. Các phần tử hiển thị theo dòng không bắt đầu từ một dòng mới và có thể nằm trên cùng một dòng với các phần tử khác.
Câu 8: Để phân chia trang web thành các vùng sử dụng định dạng CSS, phần tử nào thường được sử dụng?
A. <header>
B. <div>
C. <footer>
D. <section>
Đáp án: B
Giải thích: Phần tử <div> thường được sử dụng để phân chia và nhóm các phần của trang web, kết hợp với các định dạng CSS để tạo cấu trúc và bố cục cho trang web.
Câu 9: Thuộc tính CSS nào có thể sử dụng để căn chỉnh các phần tử theo chiều ngang?
A. margin: auto;
B. padding: 10px;
C. border: 1px solid black;
D. display: flex;
Đáp án: A
Giải thích: Thuộc tính margin: auto; có thể sử dụng để căn chỉnh các phần tử theo chiều ngang, đặc biệt khi kết hợp với các thuộc tính chiều rộng (width) cụ thể.
Câu 10: Phần nào trong bố cục trang web thường chứa các thông tin bổ trợ như bản quyền và các liên kết nhanh?
A. Phần đầu trang (header)
B. Thanh điều hướng (navigation menu)
C. Phần nội dung (content)
D. Phần chân trang (footer)
Đáp án: D
Giải thích: Phần chân trang (footer) thường chứa các thông tin bổ trợ như bản quyền, liên kết nhanh, và thông tin liên hệ. Đây là khu vực thường nằm ở cuối trang web.
PHẦN II. Câu trắc nghiệm đúng sai.Thí sinh trả lời từ câu 1 đến câu 2. Trong mỗi ý a), b), c), d) ở mỗi câu, thí sinh chọn đúng hoặc sai
Câu 1: Phát biểu sau đây đúng hay sai về mô hình hộp trong trình bày phần tử HTML
a) Mô hình hộp bao gồm các vùng nội dung, vùng đệm, vùng đường viền, và vùng lề.
b) Vùng đệm trong mô hình hộp hiển thị màu sắc theo giá trị thuộc tính background-color của phần tử.
c) Vùng lề trong mô hình hộp giúp phân tách các phần tử cạnh nhau.
d) Có thể điều chỉnh kích cỡ các vùng trong mô hình hộp bằng cách sử dụng các thuộc tính CSS.
a) Đúng: Mô hình hộp (box model) bao gồm các vùng nội dung, vùng đệm (padding), vùng đường viền (border), và vùng lề (margin).
b) Sai: Vùng đệm (padding) mặc định hiển thị trong suốt, không bị ảnh hưởng bởi thuộc tính background-color.
c) Đúng: Vùng lề (margin) giúp tạo khoảng cách giữa các phần tử cạnh nhau.
d) Đúng: Các thuộc tính CSS như width, padding, border, và margin có thể điều chỉnh kích cỡ các vùng trong mô hình hộp.
Câu 2: Hiển thị phần tử theo khối, theo dòng và bố cục trang web sau đây đúng hay sai?
a) Các phần tử hiển thị theo khối, như h1 và p, sẽ bắt đầu từ một dòng mới.
b) Các phần tử hiển thị theo dòng, như img và a, có thể nằm trên cùng một dòng với các phần tử khác.
c) CSS không thể thay đổi kiểu hiển thị mặc định của các phần tử HTML.
d) Sử dụng phần tử div kết hợp với các định dạng CSS để tạo bố cục trang web.
a) Đúng: Các phần tử hiển thị theo khối (block-level elements) như <h1>, <p> thường bắt đầu từ một dòng mới và chiếm toàn bộ chiều rộng của dòng.
b) Đúng: Các phần tử hiển thị theo dòng (inline elements) như <img>, <a> không bắt đầu từ dòng mới và có thể nằm trên cùng một dòng với các phần tử khác.
c) Sai: CSS có thể thay đổi kiểu hiển thị mặc định của các phần tử HTML bằng thuộc tính display.
d) Đúng: Phần tử <div> thường được sử dụng để chia các vùng của trang web và được định dạng bằng CSS để tạo bố cục và cấu trúc cho trang web.
PHẦN III. Câu trả lời ngắn. Thí sinh trả lời từ câu 1 đến câu 3
Câu 1: Mô hình hộp trong trình bày phần tử HTML bao gồm những thành phần nào?
Đáp án: Mô hình hộp trong HTML bao gồm vùng nội dung, vùng đệm, vùng đường viền, và vùng lề.
Giải thích: Mô hình hộp (box model) xác định cách một phần tử HTML được hiển thị trên trang web, với các vùng khác nhau như vùng nội dung (content), vùng đệm (padding), vùng đường viền (border), và vùng lề (margin) giúp quản lý kích thước và khoảng cách giữa các phần tử.
Câu 2: Sự khác biệt chính giữa hiển thị phần tử theo khối và theo dòng là gì?
Đáp án: Phần tử theo khối chiếm toàn bộ chiều rộng của dòng và bắt đầu từ một dòng mới, trong khi phần tử theo dòng chỉ chiếm diện tích cần thiết và có thể nằm trên cùng một dòng với các phần tử khác.
Giải thích: Phần tử hiển thị theo khối (block-level elements) như <div>, <h1>, <p> chiếm toàn bộ chiều rộng của dòng và tạo ra một dòng mới. Phần tử hiển thị theo dòng (inline elements) như <span>, <a>, <img> chỉ chiếm diện tích cần thiết và không ngắt dòng.
Câu 3: Các thành phần cơ bản của bố cục trang web bao gồm những gì?
Đáp án: Các thành phần cơ bản của bố cục trang web bao gồm phần đầu trang (header), thanh điều hướng (navigation menu), phần nội dung (content), và phần chân trang (footer).
Giải thích: Bố cục trang web thường được chia thành các phần chính như: phần đầu trang (header) chứa logo và tiêu đề, thanh điều hướng (navigation menu) chứa các liên kết, phần nội dung (content) là nơi hiển thị nội dung chính, và phần chân trang (footer) chứa các thông tin bổ trợ. Phần tử <div> thường được sử dụng để phân chia và định dạng các khu vực này.
Xem thêm câu hỏi trắc nghiệm Tin học lớp 12 Cánh diều có đáp án hay khác: