Trắc nghiệm Tin học 12 Cánh diều Bài 11 (có đáp án): Mô hình hộp, bố cục trang web

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

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

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

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

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

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

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

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

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

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

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.

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.

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

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

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