15 câu hỏi trắc nghiệm thuộc Trắc nghiệm Tin học 12 Cánh diều Bài 11: Mô hình hộp, bố cục trang web

Câu 1:

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

Xem đáp á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:

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;

Xem đáp án

Đá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â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;

Xem đáp án

Đá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:

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>

Xem đáp án

Đá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:

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)

Xem đáp án

Đá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:

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)

Xem đáp án

Đá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:

Câu 7: Phần tử nào thường được hiển thị theo dòng trong HTML?

A. <div>

C. <a>

D. <p>

Xem đáp án

Đá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:

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>

Xem đáp án

Đá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:

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;

Xem đáp án

Đá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:

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)

Xem đáp án

Đá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.

Câu 11:

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.

Xem đáp án

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 12:

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.

Xem đáp án

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.

Câu 13:

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?

Xem đáp án

Đá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 14:

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ì?

Xem đáp án

Đá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 15:

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ì?

Xem đáp án

Đá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.