Phiếu trắc nghiệm Khoa học máy tính 12 cánh diều Bài 11: Mô hình hộp, bố cục trang web

BÀI 11: MÔ HÌNH HỘP, BỐ CỤC TRANG WEB

(21 câu)

A. TRẮC NGHIỆM

1. NHẬN BIẾT (10 câu)

Câu 1: Trong bố cục trang web, thanh điều hướng thường cung cấp thông tin nào sau đây?

A. Cung cấp thông tin chính của trang web.

B. Cung cấp thông tin logo, tiêu đề trang web.

C. Cung cấp thông tin bản quyền, địa chỉ liên hệ của công ty, tổ chức.

D. Cung cấp các siêu liên kết đến các trang web khác.

Câu 2: Mô hình hộp trong HTML được sử dụng để:

A. Xác định cách trình bày các phần tử trên trang web.

B. Tạo hiệu ứng chuyển động cho các phần tử.

C. Điều khiển màu sắc của văn bản.

D. Tạo các biểu mẫu tương tác.

Câu 3: Thuộc tính CSS nào dùng để xác định kích thước vùng đệm (padding)?

A. margin

B. border

C. padding

D. width

Câu 4: Theo mặc định, phần tử nào sau đây được hiển thị trên màn hình trình duyệt web theo khối?

A. ul

B. label

C. img

D. a

Câu 5: Theo mặc định, phần tử nào sau đây được hiển thị trên màn hình trình duyệt web theo dòng?

A. div

B. hl

C. input

D. p

Câu 6: Phần tử nào sau đây được sử dụng để nhóm các phần tử HTML lại với nhau thành một khối riêng biệt?

A. p

B. input

C. img

D. div

Câu 7: Các thành phần chính của mô hình hộp bao gồm:

A. Nội dung, đường viền, đệm và lề.

B. Tiêu đề, đoạn văn, hình ảnh và bảng.

C. Cột, hàng và ô.

D. Màu sắc, phông chữ và kích thước.

Câu 8: Vùng lề (margin) có chức năng:

A. Tạo khoảng cách giữa các phần tử.

B. Xác định kích thước nội dung của phần tử.

C. Vẽ đường viền quanh phần tử.

D. Thay đổi màu nền của phần tử.

Câu 9: Nếu muốn tăng kích thước của một phần tử mà không làm thay đổi kích thước nội dung bên trong, bạn nên điều chỉnh thuộc tính nào?

A. width

B. height

C. padding

D. margin

Câu 10: Bố cục trang web là gì?

A. Cách sắp xếp, bố trí các đối tượng nội dung trên trang web.

B. Cách thay đổi màu sắc của trang web.

C. Cách tạo hiệu ứng động cho trang web.

D. Cách viết mã HTML.

Câu 11: Các thành phần chính của một trang web thường bao gồm:

A. Phần đầu trang, thanh điều hướng, phần nội dung, phần chân trang.

B. Tiêu đề, đoạn văn, hình ảnh, bảng.

C. Cột, hàng và ô.

D. Màu sắc, phông chữ và kích thước.

Câu 12: Mục đích chính của phần đầu trang (header) là:

A. Cung cấp thông tin chi tiết về nội dung trang.

B. Hiển thị menu điều hướng.

C. Cung cấp thông tin liên hệ.

D. Chứa logo và tiêu đề của trang web.

Câu 13: Phần chân trang (footer) thường chứa:

A. Nội dung chính của trang.

B. Thông tin bản quyền, liên kết đến các trang khác.

C. Hình ảnh và video.

D. Các nút điều hướng chính.

Câu 14: Để tạo bố cục cho trang web, ta thường sử dụng:

A. Chỉ sử dụng HTML.

B. Chỉ sử dụng CSS.

C. Kết hợp cả HTML và CSS.

D. Sử dụng JavaScript.

Câu 15: Thuộc tính CSS nào được sử dụng để tạo khoảng cách giữa các phần tử trong mô hình hộp?

A. padding

B. margin

C. border

D. width

2. THÔNG HIỂU (7 CÂU)

Câu 1: Độ rộng nào sau đây được xác định bởi thuộc tính width?

A. Độ rộng của phần tử khi hiển thị trên màn hình trình duyệt web. 

B. Độ rộng của vùng nội dung khi hiển thị trên màn hình trình duyệt web. 

C. Độ rộng của vùng đệm và vùng nội dung khi hiển thị trên màn hình trình duyệt web.

D. Độ rộng của vùng lề và vùng đường viền khi hiển thị trên màn hình trình duyệt web.

Câu 2: Tác dụng nào sau đây là tác dụng của khai báo CSS: p {padding: 20px;}?

A. Xác định khoảng cách giữa vùng nội dung và vùng lề của phần tử p là 20 pixel.

B. Xác định khoảng cách giữa vùng nội dung và vùng đường viền của phần tử p là 20 pixel.

C. Xác định khoảng cách giữa vùng lề và và vùng đường viền của phần tử p là 20 pixel.

D. Xác định khoảng cách giữa vùng nội dung và vùng đệm của phần tử p là 20 pixel.

Câu 3: Độ cao nào sau đây được xác định bởi thuộc tính height?

A. Độ cao của phần tử khí hiển thị trên màn hình trình duyệt web,

B. Độ cao của vùng nội dung khi hiển thị trên màn hình trình duyệt web.

C. Độ cao của vùng đệm và vùng nội dung khi hiển thị trên màn hình trình duyệt web.

D. Độ cao của vùng lề và vùng đường viền khi hiển thị trên màn hình trinh duyệt web.

Câu 4: Trong các phát biểu sau, phát biểu nào đúng?

………………….

B. TRẮC NGHIỆM ĐÚNG – SAI (1 CÂU)

Câu 1. Mỗi phát biểu sau đây về mô hình hộp là đúng hay sai?

a) Vùng nội dung ngăn cách với vùng đường viền bởi vùng đệm.

b) Vùng đường viền ngăn cách các phần tử khi hiển thị trên trình duyệt web 

c) Vùng lề là vùng ngăn cách vùng đường viền và vùng đệm.

d) Vùng lễ là vùng bao ngoài vùng đường viền.

Đáp án:

a) Đúng

b) Sai

c) Sai

d) Đúng.

--------------- Còn tiếp ---------------