Đề 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)

Đề 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) tổng hợp câu hỏi trắc nghiệm chứa đựng nhiều dạng bài tập, bài thi, cũng như các câu hỏi trắc nghiệm và bài kiểm tra, trong bộ Trắc Nghiệm Môn Tin Học 12 – Cánh Diều. Nội dung trắc nghiệm nhấn mạnh phần kiến thức nền tảng và chuyên môn sâu của học phần này. Mọi bộ đề trắc nghiệm đều cung cấp câu hỏi, đáp án cùng hướng dẫn giải cặn kẽ. Mời bạn thử sức làm bài nhằm ôn luyện và làm vững chắc kiến thức cũng như đánh giá năng lực bản thân!

Đề 01

Đề 02

Đề 03

Đề 04

Đề 05

Đề 06

Đề 07

Đề 08

Đề 09

Đề 10

Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!!

Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!!

Bài Tập 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

Bài Tập 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 - Đề 01

1 / 30

Category: Bài Tập 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

Tags: Bộ đề 01

Câu 1: Mô hình hộp (Box Model) trong CSS mô tả một phần tử HTML như một hộp chữ nhật. Các thành phần cấu tạo nên mô hình hộp, từ trong ra ngoài, theo đúng thứ tự là gì?

Nội dung, Đường viền, Đệm, Lề

Lề, Đường viền, Đệm, Nội dung

Đệm, Nội dung, Đường viền, Lề

Nội dung, Đệm, Đường viền, Lề

2 / 30

Category: Bài Tập 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

Tags: Bộ đề 01

Câu 2: Cho đoạn mã CSS sau áp dụng cho một phần tử

: `div { width: 200px; padding: 10px; border: 5px solid black; margin: 15px; }`. Tổng chiều rộng thực tế mà phần tử

này chiếm trên trang (bao gồm cả lề) là bao nhiêu pixel?

220px

230px

260px

250px

3 / 30

Category: Bài Tập 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

Tags: Bộ đề 01

Câu 3: Thuộc tính CSS nào được sử dụng để tạo khoảng trống *bên trong* đường viền của một phần tử, tức là giữa nội dung và đường viền?

padding

margin

border

space

4 / 30

Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!!

Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!!

Bài Tập 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

Bài Tập 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 - Đề 02

1 / 30

Category: Bài Tập 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

Tags: Bộ đề 02

Câu 1: Theo mô hình hộp (Box Model) trong CSS, một phần tử HTML được trình bày trên trang web bao gồm các vùng nào theo thứ tự từ trong ra ngoài?

Nội dung, Đường viền, Vùng đệm, Vùng lề

Vùng đệm, Nội dung, Đường viền, Vùng lề

Vùng lề, Đường viền, Vùng đệm, Nội dung

Nội dung, Vùng đệm, Đường viền, Vùng lề

2 / 30

Category: Bài Tập 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

Tags: Bộ đề 02

Câu 2: Xét đoạn mã CSS sau: `div { width: 200px; padding: 15px; border: 5px solid black; margin: 10px; }`. Nếu một phần tử `div` được áp dụng CSS này, tổng chiều rộng mà phần tử đó chiếm dụng trên trang (bao gồm cả lề) là bao nhiêu pixel?

230px

240px

260px

270px

3 / 30

Category: Bài Tập 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

Tags: Bộ đề 02

Câu 3: Thuộc tính CSS `padding` được sử dụng để làm gì trong mô hình hộp?

Tạo khoảng trống bên ngoài đường viền của phần tử, đẩy các phần tử khác ra xa.

Tạo khoảng trống bên trong đường viền của phần tử, giữa nội dung và đường viền.

Thiết lập kiểu và màu sắc cho đường viền của phần tử.

Xác định kích thước hiển thị thực tế của nội dung bên trong phần tử.

4 / 30

Category: Bài Tập 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

Tags: Bộ đề 02

Câu 4: Thuộc tính CSS `margin` khác với `padding` ở điểm cốt lõi nào trong mô hình hộp?

Margin tạo khoảng trống bên ngoài đường viền, còn padding tạo khoảng trống bên trong đường viền.

Margin chỉ áp dụng cho các phần tử khối, còn padding áp dụng cho cả phần tử khối và dòng.

Margin có thể có giá trị âm, còn padding thì không.

Padding hiển thị màu nền của phần tử, còn margin thì không.

5 / 30

Category: Bài Tập 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

Tags: Bộ đề 02

Câu 5: Kiểu hiển thị mặc định của phần tử `div` trong HTML là gì?

block

inline

inline-block

none

6 / 30

Category: Bài Tập 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

Tags: Bộ đề 02

Câu 6: Kiểu hiển thị mặc định của phần tử `span` trong HTML là gì?

block

inline

inline-block

flex

7 / 30

Category: Bài Tập 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

Tags: Bộ đề 02

Câu 7: Khi một phần tử được thiết lập `display: inline;`, thuộc tính CSS nào sau đây sẽ KHÔNG có tác dụng hoặc tác dụng bị hạn chế đáng kể?

color

margin-left

padding

width

8 / 30

Category: Bài Tập 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

Tags: Bộ đề 02

Câu 8: Để làm cho một phần tử khối (`display: block;`) hiển thị và căn giữa theo chiều ngang trên trang, bạn có thể sử dụng thuộc tính CSS nào kết hợp với việc đặt chiều rộng (`width`) cho phần tử?

text-align: center;

padding: auto;

margin: auto;

float: center;

9 / 30

Category: Bài Tập 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

Tags: Bộ đề 02

Câu 9: Bạn muốn tạo một danh sách các liên kết (ví dụ: thanh điều hướng) mà mỗi liên kết hiển thị như một khối riêng biệt nhưng nằm trên cùng một dòng. Bạn nên sử dụng thuộc tính `display` với giá trị nào cho các phần tử liên kết?

display: block;

display: inline-block;

display: inline;

display: list-item;

10 / 30

Category: Bài Tập 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

Tags: Bộ đề 02

Câu 10: Phần nào trong bố cục trang web truyền thống thường chứa logo, tên trang web và có thể là một thanh tìm kiếm?

Phần đầu trang (Header)

Thanh điều hướng (Navigation)

Phần nội dung chính (Main Content)

Phần chân trang (Footer)

11 / 30

Category: Bài Tập 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

Tags: Bộ đề 02

Câu 11: Phần nào trong bố cục trang web thường chứa các liên kết giúp người dùng di chuyển giữa các trang hoặc các phần khác nhau của trang hiện tại?

Phần đầu trang (Header)

Thanh điều hướng (Navigation)

Phần nội dung chính (Main Content)

Phần chân trang (Footer)

Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!!

Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!!

Bài Tập 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

Bài Tập 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 - Đề 06

1 / 30

Category: Bài Tập 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

Tags: Bộ đề 06

Câu 1: Theo mô hình hộp (Box Model) trong CSS, vùng nào sau đây nằm giữa vùng nội dung (content) và vùng đường viền (border) của một phần tử?

2 / 30

Category: Bài Tập 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

Tags: Bộ đề 06

Câu 2: Một phần tử `div` được thiết lập CSS như sau: `width: 150px; padding: 20px; border: 5px solid black; margin: 10px; box-sizing: content-box;`. Tổng chiều rộng *thực tế* mà phần tử này chiếm dụng trên trang (bao gồm cả lề) là bao nhiêu?

3 / 30

Category: Bài Tập 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

Tags: Bộ đề 06

Câu 3: Trong CSS, thuộc tính `display: block;` làm cho một phần tử hiển thị như thế nào?

4 / 30

Category: Bài Tập 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

Tags: Bộ đề 06

Câu 4: Bạn muốn tạo một khoảng cách *bên ngoài* giữa hai phần tử `div` nằm cạnh nhau theo chiều dọc. Thuộc tính CSS nào trong mô hình hộp là phù hợp nhất để điều chỉnh khoảng cách này?

5 / 30

Category: Bài Tập 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

Tags: Bộ đề 06

Câu 5: Phần tử HTML ngữ nghĩa nào thường được sử dụng để chứa các liên kết điều hướng chính của trang web?

6 / 30

Category: Bài Tập 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

Tags: Bộ đề 06

Câu 6: Xét đoạn CSS sau: `.box { width: 100px; height: 100px; padding: 10px; border: 2px solid red; box-sizing: border-box; }`. Kích thước thực tế (chiều rộng và chiều cao) của vùng *nội dung* (content) của phần tử này là bao nhiêu?

7 / 30

Category: Bài Tập 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

Tags: Bộ đề 06

Câu 7: Thuộc tính CSS `display: inline-block;` khác gì so với `display: inline;`?

8 / 30

Category: Bài Tập 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

Tags: Bộ đề 06

Câu 8: Phần nào trong bố cục trang web thường chứa thông tin bản quyền, liên kết tới điều khoản sử dụng hoặc thông tin liên hệ?

9 / 30

Category: Bài Tập 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

Tags: Bộ đề 06

Câu 9: Khi hai phần tử có lề dưới (`margin-bottom`) và lề trên (`margin-top`) tiếp giáp nhau theo chiều dọc, hiện tượng gì có thể xảy ra theo mặc định trong CSS?

10 / 30

Category: Bài Tập 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

Tags: Bộ đề 06

Câu 10: Bạn có một hình ảnh (``) và muốn nó nằm trên cùng một dòng với một đoạn văn bản (`

`) và có thể căn chỉnh theo chiều ngang như một khối. Thuộc tính `display` nào của phần tử `` cần được điều chỉnh để đạt được điều này?

11 / 30

Category: Bài Tập 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

Tags: Bộ đề 06

Câu 11: Phần tử HTML ngữ nghĩa `

` trong bố cục trang web thường được sử dụng để đánh dấu loại nội dung nào?

12 / 30

Category: Bài Tập 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

Tags: Bộ đề 06

Câu 12: Thuộc tính CSS nào được sử dụng để thiết lập màu nền cho vùng đệm (padding) của một phần tử?

13 / 30

Category: Bài Tập 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

Tags: Bộ đề 06

Câu 13: Khi bạn muốn ẩn hoàn toàn một phần tử khỏi trang web, không chiếm không gian và không hiển thị, bạn sử dụng thuộc tính `display` với giá trị nào?

14 / 30

Category: Bài Tập 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

Tags: Bộ đề 06

Câu 14: Bố cục trang web thường được chia thành các khu vực chính. Việc sử dụng các phần tử ngữ nghĩa của HTML5 (như `

`, `

15 / 30

Category: Bài Tập 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

Tags: Bộ đề 06

Câu 15: Giả sử bạn có một phần tử `div` cần có một khoảng cách 15px ở phía trên và dưới, 25px ở phía trái và phải, *bên trong* đường viền. Cú pháp CSS nào sau đây là đúng để thiết lập vùng đệm (padding) cho phần tử đó?

16 / 30

Category: Bài Tập 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

Tags: Bộ đề 06

Câu 16: Một phần tử `span` mặc định có kiểu hiển thị là `inline`. Nếu bạn áp dụng CSS `width: 200px; height: 100px;` cho phần tử `span` này, điều gì sẽ xảy ra?

17 / 30

Category: Bài Tập 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

Tags: Bộ đề 06

Câu 17: Trong bố cục trang web, phần tử `

18 / 30

Category: Bài Tập 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

Tags: Bộ đề 06

Câu 18: Bạn có một danh sách các mục (`

`) trong một danh sách không thứ tự (`

19 / 30

Category: Bài Tập 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

Tags: Bộ đề 06

Câu 19: Điều gì xảy ra với kích thước tổng của một phần tử (bao gồm content, padding, border) nếu bạn thay đổi `box-sizing` từ `content-box` sang `border-box` trong khi giữ nguyên giá trị `width`, `padding` và `border`?

20 / 30

Category: Bài Tập 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

Tags: Bộ đề 06

Câu 20: Trong bố cục trang web, phần tử HTML ngữ nghĩa `

` thường được sử dụng để đánh dấu loại nội dung nào?

21 / 30

Category: Bài Tập 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

Tags: Bộ đề 06

Câu 21: Bạn có một đoạn văn bản ngắn và muốn nó hiển thị trên cùng một dòng với một hình ảnh, chỉ chiếm đúng không gian cần thiết và không tạo dòng mới. Thuộc tính `display` mặc định của phần tử `` phù hợp với yêu cầu này là gì?

22 / 30

Category: Bài Tập 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

Tags: Bộ đề 06

Câu 22: Khi thiết kế bố cục trang web, việc sử dụng thuộc tính `margin: auto;` theo chiều ngang cho một phần tử có chiều rộng cố định (`width`) sẽ có tác dụng gì?

23 / 30

Category: Bài Tập 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

Tags: Bộ đề 06

Câu 23: Phần tử HTML nào sau đây *thường* có kiểu hiển thị mặc định là `block`?

24 / 30

Category: Bài Tập 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

Tags: Bộ đề 06

Câu 24: Bạn có một phần tử `div` và muốn tạo một đường viền màu xanh dày 3px với kiểu nét liền xung quanh nó. Cú pháp CSS đúng để thiết lập đường viền này là gì?

25 / 30

Category: Bài Tập 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

Tags: Bộ đề 06

Câu 25: Giả sử bạn có một thanh điều hướng (`

26 / 30

Category: Bài Tập 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

Tags: Bộ đề 06

Câu 26: Trong mô hình hộp, vùng nào là *luôn luôn trong suốt* và không thể có màu nền riêng?

27 / 30

Category: Bài Tập 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

Tags: Bộ đề 06

Câu 27: Bạn đang xây dựng bố cục cho một trang web tin tức và muốn một phần tử chứa thông tin về tác giả và ngày đăng bài nằm ở cuối mỗi bài viết. Phần tử HTML ngữ nghĩa nào phù hợp nhất cho mục đích này?

28 / 30

Category: Bài Tập 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

Tags: Bộ đề 06

Câu 28: Xét CSS sau: `.box { padding: 10px 0; }`. Điều này có nghĩa là gì đối với vùng đệm của phần tử có class 'box'?

29 / 30

Category: Bài Tập 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

Tags: Bộ đề 06

Câu 29: Mục đích chính của việc sử dụng thuộc tính `display` trong CSS là gì?

30 / 30

Category: Bài Tập 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

Tags: Bộ đề 06

Câu 30: Bạn đang thiết kế một bố cục trang web và muốn tạo một khối nội dung riêng biệt, có tiêu đề và nội dung liên quan đến nhau. Phần tử HTML ngữ nghĩa nào phù hợp nhất để bọc khối nội dung này?

Xem kết quả

Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!!

Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!!

Bài Tập 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

Bài Tập 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 - Đề 08

1 / 30

Category: Bài Tập 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

Tags: Bộ đề 08

Câu 1: Trong mô hình hộp (Box Model) của CSS, vùng nào nằm giữa vùng nội dung (Content) và vùng đường viền (Border)?

Vùng lề (Margin)

Vùng đệm (Padding)

Vùng nội dung (Content)

Vùng đường viền (Border)

2 / 30

Category: Bài Tập 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

Tags: Bộ đề 08

Câu 2: Cho một phần tử HTML có CSS sau: `width: 100px; padding: 10px; border: 5px solid black; margin: 15px;`. Nếu `box-sizing` mặc định là `content-box`, tổng chiều rộng thực tế mà phần tử này chiếm trên trang (bao gồm cả margin) là bao nhiêu pixel?

100px

120px

130px

160px

3 / 30

Category: Bài Tập 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

Tags: Bộ đề 08

Câu 3: Thuộc tính CSS nào được sử dụng để tạo khoảng trống *bên ngoài* đường viền của một phần tử, giúp phân tách nó với các phần tử lân cận?

padding

border

margin

content

4 / 30

Category: Bài Tập 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

Tags: Bộ đề 08

Câu 4: Sự khác biệt cơ bản giữa phần tử hiển thị theo khối (`display: block`) và phần tử hiển thị theo dòng (`display: inline`) là gì?

Phần tử block bắt đầu dòng mới và chiếm toàn bộ chiều rộng, phần tử inline không bắt đầu dòng mới và chỉ chiếm không gian vừa đủ nội dung.

Phần tử inline bắt đầu dòng mới, phần tử block thì không.

Chỉ phần tử block mới cho phép thiết lập chiều rộng (width) và chiều cao (height).

Phần tử block không thể chứa các phần tử inline bên trong.

5 / 30

Category: Bài Tập 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

Tags: Bộ đề 08

Câu 5: Cho đoạn HTML sau: `

Đây là một đoạn văn bản.

Đây là đoạn văn bản thứ hai.

`. Theo mặc định, hai thẻ `

` này sẽ hiển thị như thế nào trên trình duyệt?

Nằm trên cùng một dòng, cách nhau bởi khoảng trắng.

Mỗi đoạn văn bản sẽ nằm trên một dòng riêng biệt.

Đoạn thứ hai nằm bên cạnh đoạn thứ nhất nếu đủ chỗ.

Chỉ đoạn văn bản đầu tiên được hiển thị.

6 / 30

Category: Bài Tập 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

Tags: Bộ đề 08

Câu 6: Để một phần tử vừa có thể nằm trên cùng một dòng với các phần tử khác (như `inline`), nhưng lại có thể thiết lập được chiều rộng (`width`) và chiều cao (`height`) (như `block`), bạn nên sử dụng thuộc tính `display` với giá trị nào?

display: block;

display: inline;

display: inline-block;

display: none;

7 / 30

Category: Bài Tập 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

Tags: Bộ đề 08

Câu 7: Trong bố cục trang web, phần nào thường chứa logo, tiêu đề chính của trang web và có thể là thanh tìm kiếm?

Phần đầu trang (Header)

Thanh điều hướng (Navigation)

Phần nội dung chính (Main Content)

Phần chân trang (Footer)

8 / 30

Category: Bài Tập 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

Tags: Bộ đề 08

Câu 8: Thẻ HTML5 ngữ nghĩa nào sau đây *không* thường được sử dụng để định nghĩa một khu vực chính trong bố cục trang web (như header, nav, main, footer, aside, article, section)?

<nav>

<aside>

<span>

9 / 30

Category: Bài Tập 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

Tags: Bộ đề 08

Câu 9: Cho một phần tử `div` có chiều rộng cố định (`width: 400px`). Để căn giữa phần tử `div` này theo chiều ngang trong phần tử chứa nó, bạn sử dụng CSS nào?

margin: auto;

text-align: center;

align-items: center;

float: center;

10 / 30

Category: Bài Tập 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

Tags: Bộ đề 08

Câu 10: Khi hai phần tử block đứng cạnh nhau theo chiều dọc, và cả hai đều có `margin-bottom` và `margin-top`, hiện tượng gì có thể xảy ra với khoảng cách giữa chúng?

Khoảng cách giữa chúng sẽ bằng tổng của `margin-bottom` và `margin-top`.

Khoảng cách giữa chúng sẽ bằng `margin-bottom` của phần tử trên cộng với `margin-top` của phần tử dưới.

Khoảng cách giữa chúng sẽ bằng giá trị lớn hơn giữa `margin-bottom` của phần tử trên và `margin-top` của phần tử dưới.

Không có khoảng cách nào giữa chúng nếu chỉ dùng margin.

11 / 30

Category: Bài Tập 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

Tags: Bộ đề 08

Câu 11: Bạn muốn tạo một khu vực trong bố cục trang web chứa các liên kết điều hướng chính. Thẻ HTML5 ngữ nghĩa nào phù hợp nhất cho mục đích này?

<aside>

<nav>

12 / 30

Category: Bài Tập 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

Tags: Bộ đề 08

Câu 12: Nếu bạn áp dụng CSS `display: none;` cho một phần tử, điều gì sẽ xảy ra?

Phần tử sẽ bị ẩn hoàn toàn và không chiếm không gian bố cục.

Phần tử sẽ bị ẩn nhưng vẫn chiếm không gian bố cục.

Phần tử sẽ chỉ bị ẩn khỏi người dùng nhìn thấy nhưng vẫn hiển thị cho trình đọc màn hình.

Chỉ nội dung bên trong phần tử bị ẩn, phần tử vẫn hiển thị viền và nền.

13 / 30

Category: Bài Tập 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

Tags: Bộ đề 08

Câu 13: Cho đoạn CSS sau: `.box { width: 200px; padding: 20px; box-sizing: border-box; }`. Chiều rộng thực tế của vùng nội dung (content) của phần tử có class `box` là bao nhiêu pixel?

200px

160px

240px

Không thể xác định nếu không có giá trị border.

14 / 30

Category: Bài Tập 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

Tags: Bộ đề 08

Câu 14: Bạn đang xây dựng bố cục cho một trang web và muốn tạo một cột bên (sidebar) chứa thông tin bổ sung, không phải nội dung chính. Thẻ HTML5 ngữ nghĩa nào là lựa chọn phù hợp nhất?

<aside>

15 / 30

Category: Bài Tập 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

Tags: Bộ đề 08

Câu 15: CSS Flexbox (Flexible Box Layout) chủ yếu được thiết kế để làm gì?

Bố trí các phần tử theo một chiều (hàng hoặc cột) và căn chỉnh chúng.

Thiết kế bố cục trang web dựa trên lưới hai chiều (hàng và cột).

Định vị chính xác một phần tử ở vị trí cố định trên màn hình.

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

16 / 30

Category: Bài Tập 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

Tags: Bộ đề 08

Câu 16: CSS Grid Layout chủ yếu được thiết kế để làm gì?

Bố trí các phần tử theo một chiều (hàng hoặc cột).

Thiết kế bố cục trang web dựa trên lưới hai chiều (hàng và cột).

Tạo khoảng trắng bên trong phần tử (padding).

Kiểm soát việc hiển thị phần tử theo dòng hay theo khối.

17 / 30

Category: Bài Tập 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

Tags: Bộ đề 08

Câu 17: Vùng đệm (padding) trong mô hình hộp có đặc điểm gì liên quan đến màu nền (background-color) của phần tử?

Vùng đệm hiển thị màu nền của phần tử.

Vùng đệm luôn trong suốt.

Vùng đệm hiển thị màu nền của phần tử cha.

Màu nền chỉ áp dụng cho vùng nội dung.

18 / 30

Category: Bài Tập 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

Tags: Bộ đề 08

Câu 18: Cho đoạn HTML: `Liên kết`. Theo mặc định, thẻ `` này sẽ hiển thị với kiểu `display` nào?

19 / 30

Category: Bài Tập 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

Tags: Bộ đề 08

Câu 19: Bạn muốn tạo một nhóm các mục tin tức riêng lẻ trên trang chủ. Thẻ HTML5 ngữ nghĩa nào phù hợp nhất để bao bọc mỗi mục tin tức đó?

<aside>

<main>

20 / 30

Category: Bài Tập 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

Tags: Bộ đề 08

Câu 20: Trong mô hình hộp, sự khác biệt chính về mục đích sử dụng giữa vùng đệm (padding) và vùng lề (margin) là gì?

Padding tạo khoảng cách giữa các phần tử, margin tạo khoảng cách giữa nội dung và viền.

Padding chỉ áp dụng cho phần tử block, margin chỉ áp dụng cho phần tử inline.

Padding làm tăng kích thước tổng thể của phần tử, margin thì không.

Padding tạo khoảng cách giữa nội dung và viền, margin tạo khoảng cách giữa phần tử này với phần tử khác.

21 / 30

Category: Bài Tập 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

Tags: Bộ đề 08

Câu 21: Cho đoạn CSS: `.element { margin-top: 20px; margin-bottom: 30px; }`. Nếu hai phần tử block sử dụng lớp `.element` đứng cạnh nhau theo chiều dọc, khoảng cách thực tế giữa chúng sẽ là bao nhiêu pixel do hiện tượng sụp đổ lề (margin collapsing)?

22 / 30

Category: Bài Tập 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

Tags: Bộ đề 08

Câu 22: Bạn có một hình ảnh (``) và muốn nó hiển thị trên cùng một dòng với văn bản, nhưng vẫn có thể thiết lập chiều rộng và chiều cao cụ thể. Kiểu hiển thị mặc định của `` là gì và bạn có cần thay đổi nó không?

Mặc định là inline, không cần thay đổi display để thiết lập width/height.

Mặc định là block, cần thay đổi display thành inline.

Mặc định là inline, cần thay đổi display thành inline-block để thiết lập width/height.

Mặc định là inline-block, không cần thay đổi.

23 / 30

Category: Bài Tập 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

Tags: Bộ đề 08

Câu 23: Để tạo một bố cục trang web có tiêu đề, thanh điều hướng, nội dung chính và chân trang, bạn có thể sử dụng kết hợp các thẻ HTML5 ngữ nghĩa nào là phù hợp nhất?

24 / 30

Category: Bài Tập 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

Tags: Bộ đề 08

Câu 24: Thuộc tính `box-sizing: border-box;` ảnh hưởng đến cách tính toán kích thước của phần tử như thế nào?

Width và height chỉ áp dụng cho vùng nội dung (content).

Width và height bao gồm cả padding và border.

Margin cũng được tính vào width và height.

Chỉ padding được tính vào width và height, border thì không.

25 / 30

Category: Bài Tập 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

Tags: Bộ đề 08

Câu 25: Bạn muốn tạo một danh sách các mục điều hướng theo chiều ngang trong thanh `nav`. Kiểu hiển thị (`display`) nào cho các mục danh sách (`

`) là phù hợp nhất để chúng nằm trên cùng một dòng và bạn có thể kiểm soát khoảng cách giữa chúng?

display: block;

display: inline;

display: inline-block;

display: flex;

26 / 30

Category: Bài Tập 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

Tags: Bộ đề 08

Câu 26: Thẻ `

` là một phần tử rất phổ biến trong việc xây dựng bố cục trang web. Kiểu hiển thị mặc định của thẻ `

27 / 30

Category: Bài Tập 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

Tags: Bộ đề 08

Câu 27: Bạn có một đoạn văn bản dài trong một phần tử `

`. Nếu bạn đặt `width: 50%;` cho phần tử `

` này, điều gì sẽ xảy ra với chiều rộng của nó?

Phần tử `<p>` sẽ chiếm 50% chiều rộng của phần tử chứa nó.

Chiều rộng của phần tử `<p>` sẽ không thay đổi vì nó là phần tử block.

Văn bản sẽ bị cắt bớt nếu chiều rộng 50% không đủ chứa.

Phần tử `<p>` sẽ trở thành inline-block.

28 / 30

Category: Bài Tập 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

Tags: Bộ đề 08

Câu 28: Khi sử dụng thuộc tính `padding` với cú pháp `padding: 10px 20px 30px 40px;`, giá trị `20px` áp dụng cho vùng đệm nào?

Padding trên (top)

Padding phải (right)

Padding dưới (bottom)

Padding trái (left)

29 / 30

Category: Bài Tập 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

Tags: Bộ đề 08

Câu 29: Thẻ HTML5 ngữ nghĩa `

` nên được sử dụng để đánh dấu phần nào của trang web?

Một nhóm các liên kết điều hướng.

Thông tin bổ sung, không liên quan trực tiếp đến nội dung chính (ví dụ: sidebar).

Nội dung chính hoặc cốt lõi của tài liệu.

Phần chân trang chứa bản quyền và liên hệ.

30 / 30

Category: Bài Tập 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

Tags: Bộ đề 08

Câu 30: Giả sử bạn có hai phần tử inline (`` và ``) nằm cạnh nhau trong cùng một đoạn văn bản. Nếu bạn áp dụng `margin-right: 10px;` cho thẻ ``, khoảng cách giữa `` và `` sẽ thay đổi như thế nào?

Sẽ có khoảng trống 10px giữa `<span>` và `<a>`.

Khoảng cách sẽ không thay đổi vì margin không có tác dụng trên phần tử inline.

Chỉ có margin-left mới có tác dụng trên phần tử inline.

Khoảng cách sẽ sụp đổ với margin-left của `<a>` (nếu có).

Xem kết quả

Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!!

Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!!

Bài Tập 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

Bài Tập 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 - Đề 09

1 / 30

Category: Bài Tập 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

Tags: Bộ đề 09

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

Nội dung, Đường viền, Đệm, Lề

Nội dung, Lề, Đệm, Đường viền

Nội dung, Đệm, Đường viền, Lề

Đệm, Nội dung, Đường viền, Lề

2 / 30

Category: Bài Tập 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

Tags: Bộ đề 09

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

padding

margin

border

outline

3 / 30

Category: Bài Tập 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

Tags: Bộ đề 09

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

padding

margin

border

spacing

4 / 30

Category: Bài Tập 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

Tags: Bộ đề 09

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

100px

120px

124px

134px

5 / 30

Category: Bài Tập 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

Tags: Bộ đề 09

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

100px

110px

124px

134px

6 / 30

Category: Bài Tập 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

Tags: Bộ đề 09

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

Phần tử luôn bắt đầu trên một dòng mới và chiếm toàn bộ chiều rộng có sẵn.

Phần tử chỉ chiếm không gian cần thiết và có thể nằm cạnh các phần tử khác trên cùng một dòng.

Phần tử hiển thị theo dòng nhưng có thể thiết lập chiều rộng và chiều cao.

Phần tử bị ẩn hoàn toàn khỏi trang.

7 / 30

Category: Bài Tập 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

Tags: Bộ đề 09

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

Phần tử luôn bắt đầu trên một dòng mới và chiếm toàn bộ chiều rộng có sẵn.

Phần tử chỉ chiếm không gian cần thiết và có thể nằm cạnh các phần tử khác trên cùng một dòng.

Phần tử hiển thị theo khối nhưng có thể thiết lập chiều rộng và chiều cao.

Phần tử được hiển thị nhưng không tương tác được.

8 / 30

Category: Bài Tập 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

Tags: Bộ đề 09

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

<span>

<a>

<img>

<p>

9 / 30

Category: Bài Tập 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

Tags: Bộ đề 09

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

<a>

<div>

<h1>

10 / 30

Category: Bài Tập 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

Tags: Bộ đề 09

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

Nằm trên dòng mới (như block) và không thể thiết lập kích thước (như inline).

Nằm trên cùng dòng (như inline) và không thể thiết lập lề trên/dưới (như inline).

Nằm trên cùng dòng (như inline) và có thể thiết lập kích thước và lề trên/dưới (như block).

Luôn chiếm toàn bộ chiều rộng (như block) và không thể thiết lập kích thước.

`inline-block` cho phép phần tử nằm trên cùng một dòng với các phần tử khác (như `inline`) nhưng vẫn cho phép thiết lập `width`, `height`, `margin-top`, và `margin-bottom` (như `block`).

11 / 30

Category: Bài Tập 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

Tags: Bộ đề 09

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

Header

Footer

Aside

Main

Phần đầu trang (header) là khu vực nằm ở phía trên cùng của trang web, thường chứa các yếu tố nhận diện thương hiệu và điều hướng chính.

12 / 30

Category: Bài Tập 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

Tags: Bộ đề 09

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

Footer

Navigation (Nav)

Article

Section

Thanh điều hướng (navigation menu), thường được đặt trong thẻ `

`, chứa các liên kết chính để người dùng dễ dàng truy cập các phần khác của website.

13 / 30

Category: Bài Tập 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

Tags: Bộ đề 09

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

Header

Aside

Main / Article

Footer

Phần nội dung chính của trang web thường được đặt trong thẻ `
` hoặc `

`, chứa thông tin cốt lõi mà người dùng truy cập trang web để tìm hiểu.

14 / 30

Category: Bài Tập 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

Tags: Bộ đề 09

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

Main

Aside

Header

Footer

Phần bên lề (aside) thường chứa nội dung liên quan nhưng không phải là nội dung chính của trang, ví dụ như sidebar, danh sách bài viết liên quan, hoặc quảng cáo.

15 / 30

Category: Bài Tập 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

Tags: Bộ đề 09

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

Header

Nav

Main

Footer

Phần chân trang (footer) là khu vực cuối cùng của trang web, thường chứa các thông tin pháp lý, liên hệ và các liên kết ít quan trọng hơn.

16 / 30

Category: Bài Tập 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

Tags: Bộ đề 09

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

padding

margin

border

outline

Padding thêm khoảng trống bên trong đường viền. Margin thêm khoảng trống bên ngoài. Border là đường viền. Outline là đường bao bên ngoài border. Padding là lựa chọn đúng để thêm khoảng trống bên trong phần tử.

17 / 30

Category: Bài Tập 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

Tags: Bộ đề 09

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

padding

margin

border

width

Margin được sử dụng để tạo khoảng cách giữa các phần tử lân cận. Để tạo khoảng cách giữa hai phần tử xếp dọc, bạn có thể sử dụng `margin-bottom` cho phần tử trên hoặc `margin-top` cho phần tử dưới (hoặc kết hợp cả hai).

18 / 30

Category: Bài Tập 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

Tags: Bộ đề 09

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

Padding overlap

Border collision

Margin collapsing

Box-sizing conflict

Hiện tượng 'margin collapsing' (gộp lề) xảy ra khi lề trên (`margin-top`) và lề dưới (`margin-bottom`) của hai phần tử khối liền kề theo chiều dọc gặp nhau. Khoảng cách giữa chúng sẽ là giá trị lớn nhất trong hai lề đó, chứ không phải tổng.

19 / 30

Category: Bài Tập 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

Tags: Bộ đề 09

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

display: block;

display: inline;

display: none;

display: inline-block;

Mặc định `` là `inline-block`. Nếu bạn muốn nó nằm trên dòng với văn bản (`inline`) nhưng vẫn kiểm soát được kích thước (`block`), thì `inline-block` là lựa chọn chính xác. `inline` sẽ bỏ qua `width`/`height`. `block` sẽ ngắt dòng.

20 / 30

Category: Bài Tập 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

Tags: Bộ đề 09

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

Phần tử bị ẩn và không chiếm không gian trên trang.

Phần tử bị ẩn nhưng vẫn chiếm không gian trên trang.

Phần tử hiển thị nhưng không tương tác được.

Phần tử được làm mờ đi.

`display: none;` làm cho phần tử bị ẩn hoàn toàn khỏi trang và không chiếm bất kỳ không gian nào trong bố cục. Nó khác với `visibility: hidden;` chỉ ẩn phần tử nhưng vẫn giữ nguyên không gian của nó.

21 / 30

Category: Bài Tập 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

Tags: Bộ đề 09

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

<div> cho cả hai.

<section> cho nội dung chính và <div> cho tin liên quan.

<article> cho nội dung chính và <aside> cho tin liên quan.

<main> cho nội dung chính và <nav> cho tin liên quan.

Thẻ `

` thích hợp cho nội dung độc lập, hoàn chỉnh như một bài báo. Thẻ `

` thích hợp cho nội dung liên quan đến nội dung chính nhưng có thể đứng độc lập (ví dụ: sidebar, tin liên quan).

22 / 30

Category: Bài Tập 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

Tags: Bộ đề 09

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

Vì chúng tự động tạo kiểu dáng đẹp hơn mà không cần CSS.

Vì chúng làm cho trang tải nhanh hơn.

Vì chúng chỉ hoạt động với các thuộc tính CSS mới nhất.

Vì chúng cung cấp ý nghĩa ngữ nghĩa cho cấu trúc trang, cải thiện khả năng truy cập và SEO.

Các thẻ ngữ nghĩa giúp trình duyệt, công cụ tìm kiếm và các công nghệ hỗ trợ (như trình đọc màn hình) hiểu rõ hơn về cấu trúc và ý nghĩa của nội dung trên trang, cải thiện khả năng truy cập (accessibility) và SEO.

23 / 30

Category: Bài Tập 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

Tags: Bộ đề 09

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

display: block;

display: inline;

display: inline-block;

display: flex;

Để mỗi liên kết nằm trên một dòng riêng (như `block`) và có thể thiết lập lề trên/dưới, bạn cần thay đổi kiểu hiển thị mặc định của thẻ `` từ `inline` thành `block`. `inline-block` sẽ cho phép đặt kích thước và lề trên/dưới nhưng vẫn có thể nằm cạnh nhau nếu đủ chỗ.

24 / 30

Category: Bài Tập 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

Tags: Bộ đề 09

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

Vùng lề (Margin) và Vùng đường viền (Border)

Vùng đệm (Padding) và Vùng lề (Margin)

Vùng nội dung (Content) và Vùng đệm (Padding)

Chỉ Vùng nội dung (Content)

Màu nền (`background-color`) của một phần tử bao phủ vùng nội dung (Content) và vùng đệm (Padding). Vùng đường viền (Border) có màu riêng (`border-color`), và vùng lề (Margin) luôn trong suốt, hiển thị màu nền của phần tử cha hoặc trang.

25 / 30

Category: Bài Tập 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

Tags: Bộ đề 09

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

100px x 30px

105px x 35px

90px x 20px

110px x 40px

Với `content-box`, `width` và `height` chỉ áp dụng cho vùng nội dung. Tổng kích thước = content + 2*padding + 2*border. Vì border không được set, ta chỉ tính padding. Kích thước thực tế = (width + 2*padding) x (height + 2*padding) = (100 + 2*5) x (30 + 2*5) = 110px x 40px.

26 / 30

Category: Bài Tập 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

Tags: Bộ đề 09

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

margin: auto;

padding: auto;

text-align: center;

align-items: center;

Đối với phần tử khối có chiều rộng cố định, thiết lập `margin-left: auto;` và `margin-right: auto;` (thường viết tắt là `margin: 0 auto;` nếu không cần lề trên/dưới) là cách tiêu chuẩn để căn giữa theo chiều ngang.

27 / 30

Category: Bài Tập 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

Tags: Bộ đề 09

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

display: block;

display: none;

display: inline-block;

display: list-item;

Để các mục danh sách (`

`) hiển thị cạnh nhau trên cùng một dòng, bạn cần thay đổi kiểu hiển thị của chúng từ `block` mặc định thành `inline` hoặc `inline-block`. `inline-block` thường được ưa dùng hơn vì nó vẫn cho phép thiết lập lề và đệm trên/dưới.

28 / 30

Category: Bài Tập 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

Tags: Bộ đề 09

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

<section> dùng cho nội dung chính, còn <article> dùng cho sidebar.

<article> dùng cho nội dung độc lập, có thể phân phối lại; <section> dùng để nhóm nội dung liên quan trong một phần của tài liệu.

<section> chỉ dùng cho tiêu đề và phụ đề, còn <article> dùng cho nội dung chính.

<article> chỉ có thể chứa văn bản, còn <section> có thể chứa hình ảnh và video.

`

` dùng cho nội dung độc lập, có thể phân phối lại (ví dụ: bài báo, bài đăng blog). `

` dùng để nhóm các nội dung có liên quan trong một tài liệu, thường có tiêu đề riêng, nhưng không nhất thiết phải độc lập hoàn toàn.

29 / 30

Category: Bài Tập 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

Tags: Bộ đề 09

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

visibility: hidden;

display: none;

opacity: 0;

height: 0; overflow: hidden;

`visibility: hidden;` ẩn phần tử về mặt hiển thị nhưng phần tử đó vẫn chiếm không gian trong bố cục trang. Ngược lại, `display: none;` ẩn phần tử và loại bỏ nó hoàn toàn khỏi luồng bố cục.

30 / 30

Category: Bài Tập 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

Tags: Bộ đề 09

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

Giảm thời gian tải trang.

Tạo bố cục linh hoạt, dễ dàng thích ứng với các kích thước màn hình khác nhau.

Đảm bảo kích thước phần tử luôn cố định, không thay đổi.

Tăng cường bảo mật cho trang web.
Xem kết quả

Bạn ơi!!! Để xem được kết quả
bạn vui lòng làm nhiệm vụ nhỏ xíu này nha

Nhận kết quả

Xảy ra lỗi

Bước 1: Vào google.com rồi gõ từ khóa:
Copy nhanh

Bước 2: Trong kết quả tìm kiếm Google, hãy tìm website giống hình bên dưới

Nếu trang 1 không có hãy tìm ở trang 2, 3, 4... nhé

Bước 3:
Cuộn xuống cuối bài viết rồi bấm vào nút GIỐNG HÌNH DƯỚI và chờ 1 lát để lấy mã:

Nếu tìm không thấy mã bạn có thể Đổi nhiệm vụ để lấy mã khác.

Đơn vị tương đối giúp bố cục trang web linh hoạt và phản hồi tốt hơn trên các kích thước màn hình khác nhau (thiết kế đáp ứng - responsive design), vì kích thước của phần tử sẽ thay đổi tỷ lệ thuận với kích thước màn hình hoặc phần tử gốc.

0

Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!!

Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!!

Bài Tập 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

Bài Tập 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 - Đề 10

1 / 12

Category: Bài Tập 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

Tags: Bộ đề 10

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

Nội dung, Đường viền, Đệm, Lề

Nội dung, Đệm, Đường viền, Lề

Lề, Đường viền, Đệm, Nội dung

Đệm, Nội dung, Đường viền, Lề

Mô hình hộp CSS định nghĩa cấu trúc của một phần tử HTML bao gồm bốn vùng chính xếp lớp từ trung tâm ra ngoài: Vùng Nội dung (Content), Vùng Đệm (Padding), Vùng Đường viền (Border), và Vùng Lề (Margin).

2 / 12

Category: Bài Tập 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

Tags: Bộ đề 10

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

Vùng đệm (Padding)

Vùng lề (Margin)

Vùng nội dung (Content)

Vùng đường viền (Border)

Vùng đệm (Padding) là khoảng trống nằm giữa vùng nội dung (Content) và vùng đường viền (Border) của một phần tử. Nó được sử dụng để tạo khoảng cách bên trong phần tử, giữa nội dung và viền.

3 / 12

Category: Bài Tập 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

Tags: Bộ đề 10

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

`padding`

`border`

`content`

`margin`

Thuộc tính `margin` trong CSS kiểm soát khoảng cách bên ngoài vùng đường viền của một phần tử. Khoảng cách này tạo ra vùng lề, giúp tách biệt phần tử hiện tại với các phần tử khác trên trang.

4 / 12

Category: Bài Tập 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

Tags: Bộ đề 10

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

100px

120px

160px

140px

Với `box-sizing: content-box`, chiều rộng được xác định chỉ áp dụng cho vùng nội dung. Tổng chiều rộng = width + 2 * padding + 2 * border + 2 * margin. Tính toán: 100px (content) + 2 * 10px (padding trái/phải) + 2 * 5px (border trái/phải) + 2 * 15px (margin trái/phải) = 100 + 20 + 10 + 30 = 160px.

5 / 12

Category: Bài Tập 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

Tags: Bộ đề 10

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

Thuộc tính `width` và `height` bao gồm cả `padding` và `border`.

Thuộc tính `width` và `height` chỉ áp dụng cho vùng nội dung `content`.

Vùng `margin` được tính vào `width` và `height`.

Mô hình hộp bị vô hiệu hóa.

Khi sử dụng `box-sizing: border-box;`, thuộc tính `width` và `height` của phần tử sẽ bao gồm cả vùng đệm (padding) và vùng đường viền (border), chứ không chỉ riêng vùng nội dung (content). Điều này giúp việc tính toán kích thước các phần tử trong bố cục trở nên dễ dàng hơn.

6 / 12

Category: Bài Tập 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

Tags: Bộ đề 10

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

Thiết lập màu nền cho phần tử.

Đặt vị trí tuyệt đối cho phần tử.

Xác định cách phần tử được hiển thị trên bố cục (khối, dòng, ẩn,...).

Thay đổi kiểu chữ trong phần tử.

Thuộc tính `display` trong CSS được sử dụng để xác định cách một phần tử HTML được hiển thị trên trang, bao gồm việc nó có bắt đầu một dòng mới hay không, có thể đặt các phần tử khác trên cùng dòng hay không, và cách các thuộc tính kích thước (width, height) và khoảng cách (padding, margin) được áp dụng.

7 / 12

Category: Bài Tập 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

Tags: Bộ đề 10

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

Chúng chỉ chiếm không gian vừa đủ cho nội dung.

Chúng có thể nằm trên cùng một dòng với các phần tử khác.

Thuộc tính `width` và `height` không có tác dụng với chúng.

Chúng luôn bắt đầu trên một dòng mới và chiếm toàn bộ chiều rộng khả dụng.

Các phần tử có kiểu hiển thị `block` (như `div`, `p`, `h1`, `li`, v.v.) luôn bắt đầu trên một dòng mới và mặc định chiếm toàn bộ chiều rộng khả dụng của phần tử chứa nó.

8 / 12

Category: Bài Tập 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

Tags: Bộ đề 10

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

`<div>`

`<a>`

`<p>`

`<h1>`

Phần tử `` (liên kết) là một ví dụ điển hình của phần tử có kiểu hiển thị mặc định là `inline`. Các phần tử `inline` chỉ chiếm không gian cần thiết cho nội dung và có thể nằm trên cùng một dòng với các phần tử `inline` khác.

9 / 12

Category: Bài Tập 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

Tags: Bộ đề 10

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

`display: block;`

`display: inline;`

`display: inline-block;`

`display: none;`

Kiểu hiển thị `inline-block` kết hợp đặc điểm của cả `inline` và `block`. Phần tử hiển thị theo dòng (`inline`), nhưng vẫn cho phép áp dụng các thuộc tính kích thước (`width`, `height`) và lề trên/dưới (`margin-top`, `margin-bottom`) như phần tử `block`.

10 / 12

Category: Bài Tập 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

Tags: Bộ đề 10

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

Ẩn phần tử khỏi trang và không chiếm không gian.

Ẩn phần tử nhưng vẫn giữ nguyên không gian của nó.

Làm mờ phần tử.

Thay đổi màu chữ thành trong suốt.

`display: none;` làm cho phần tử không hiển thị trên trang web và cũng không chiếm bất kỳ không gian nào trong bố cục. Nó như thể phần tử đó không tồn tại trong cấu trúc trang.

11 / 12

Category: Bài Tập 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

Tags: Bộ đề 10

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

`<header>`

`<nav>`

`<aside>`

`<article>`

Phần tử `

` trong HTML5 được sử dụng để đại diện cho nội dung độc lập, có tính tự chứa và có thể tái sử dụng. Các ví dụ phổ biến là bài báo, bài đăng blog, bình luận, hoặc widget tương tác.

12 / 12

Category: Bài Tập 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

Tags: Bộ đề 10

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

`<footer>`

`<main>`

`<nav>`

`<section>`
Xem kết quả

Bạn ơi!!! Để xem được kết quả
bạn vui lòng làm nhiệm vụ nhỏ xíu này nha

Nhận kết quả

Xảy ra lỗi

Bước 1: Vào google.com rồi gõ từ khóa:
Copy nhanh

Bước 2: Trong kết quả tìm kiếm Google, hãy tìm website giống hình bên dưới

Nếu trang 1 không có hãy tìm ở trang 2, 3, 4... nhé

Bước 3:
Cuộn xuống cuối bài viết rồi bấm vào nút GIỐNG HÌNH DƯỚI và chờ 1 lát để lấy mã:

Nếu tìm không thấy mã bạn có thể Đổi nhiệm vụ để lấy mã khác.

Phần tử `

` được thiết kế để chứa các khối liên kết điều hướng chính của trang web. Đây là nơi đặt menu chính, các liên kết đến các mục quan trọng.

Đề trắc nghiệm liên quan:

Đề Trắc nghiệm Tin học 12 – Bài 1: Cơ sở về mạng máy tính (Cánh Diều)

Đề Trắc nghiệm Tin học 12 – Bài 5: Tạo nội dung hình ảnh cho trang web (Cánh Diều)

Đề Trắc nghiệm Tin học 12 – Bài 3: dự án nhỏ: tìm hiểu thông tin tuyển sinh và hướng nghiệp về lĩnh vực đào tạo “máy tính và Công nghệ thông tin” ở việt nam (Cánh Diều)

Đề Trắc nghiệm Tin học 12 – Bài 3: Giới thiệu về Khoa học dữ liệu ( Tiếp theo) (Cánh Diều)

Đề Trắc nghiệm Tin học 12 – Bài 12: Dự án nhỏ tạo trang web báo tường (Cánh Diều)

Danh mục Trắc Nghiệm Môn Tin Học 12 - Cánh Diều

Bạn ơi!!! Để xem được kết quả
bạn vui lòng làm nhiệm vụ nhỏ xíu này nha

Bạn ơi!!! Để xem được kết quả
bạn vui lòng làm nhiệm vụ nhỏ xíu này nha

Bạn ơi!!! Để xem được kết quả
bạn vui lòng làm nhiệm vụ nhỏ xíu này nha

`, `

` là các phần tử khối.

Đề 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)

Đề 01

Đề 02

Đề 03

Đề 04

Đề 05

Đề 06

Đề 07

Đề 08

Đề 09

Đề 10

` là các phần tử block mặc định.

Bạn ơi!!! Để xem được kết quả
bạn vui lòng làm nhiệm vụ nhỏ xíu này nha

Bạn ơi!!! Để xem được kết quả
bạn vui lòng làm nhiệm vụ nhỏ xíu này nha

Bạn ơi!!! Để xem được kết quả
bạn vui lòng làm nhiệm vụ nhỏ xíu này nha

`, `

` là các phần tử cấp khối (block-level elements) theo mặc định. Chúng luôn bắt đầu trên một dòng mới và chiếm toàn bộ chiều rộng có sẵn của phần tử chứa nó.

`, `

`, `

`, `

`, `

` thường có kiểu hiển thị mặc định là `block`, nghĩa là chúng bắt đầu trên một dòng mới và chiếm hết chiều rộng.

Bạn ơi!!! Để xem được kết quả
bạn vui lòng làm nhiệm vụ nhỏ xíu này nha

` đến `

`) để xác định chủ đề của phần đó. Nó đại diện cho một phần riêng biệt trong tài liệu.

Bạn ơi!!! Để xem được kết quả
bạn vui lòng làm nhiệm vụ nhỏ xíu này nha

Bạn ơi!!! Để xem được kết quả
bạn vui lòng làm nhiệm vụ nhỏ xíu này nha

Đề 01

Đề 02

Đề 03

Đề 04

Đề 05

Đề 06

Đề 07

Đề 08

Đề 09

Đề 10

` là các phần tử block mặc định.

Bạn ơi!!! Để xem được kết quảbạn vui lòng làm nhiệm vụ nhỏ xíu này nha

Bạn ơi!!! Để xem được kết quảbạn vui lòng làm nhiệm vụ nhỏ xíu này nha

Bạn ơi!!! Để xem được kết quảbạn vui lòng làm nhiệm vụ nhỏ xíu này nha

Bạn ơi!!! Để xem được kết quảbạn vui lòng làm nhiệm vụ nhỏ xíu này nha

`, ` ` là các phần tử cấp khối (block-level elements) theo mặc định. Chúng luôn bắt đầu trên một dòng mới và chiếm toàn bộ chiều rộng có sẵn của phần tử chứa nó.

Bạn ơi!!! Để xem được kết quảbạn vui lòng làm nhiệm vụ nhỏ xíu này nha

`, ` `, ` `, ` `, ` ` thường có kiểu hiển thị mặc định là `block`, nghĩa là chúng bắt đầu trên một dòng mới và chiếm hết chiều rộng.

Bạn ơi!!! Để xem được kết quảbạn vui lòng làm nhiệm vụ nhỏ xíu này nha

` đến `

`) để xác định chủ đề của phần đó. Nó đại diện cho một phần riêng biệt trong tài liệu.

Bạn ơi!!! Để xem được kết quảbạn vui lòng làm nhiệm vụ nhỏ xíu này nha

`, ` ` là các phần tử khối.

Bạn ơi!!! Để xem được kết quảbạn vui lòng làm nhiệm vụ nhỏ xíu này nha

Bạn ơi!!! Để xem được kết quảbạn vui lòng làm nhiệm vụ nhỏ xíu này nha

Đề trắc nghiệm liên quan:

Bạn ơi!!! Để xem được kết quả
bạn vui lòng làm nhiệm vụ nhỏ xíu này nha

Bạn ơi!!! Để xem được kết quả
bạn vui lòng làm nhiệm vụ nhỏ xíu này nha

Bạn ơi!!! Để xem được kết quả
bạn vui lòng làm nhiệm vụ nhỏ xíu này nha

Bạn ơi!!! Để xem được kết quả
bạn vui lòng làm nhiệm vụ nhỏ xíu này nha

`, `

` là các phần tử cấp khối (block-level elements) theo mặc định. Chúng luôn bắt đầu trên một dòng mới và chiếm toàn bộ chiều rộng có sẵn của phần tử chứa nó.

Bạn ơi!!! Để xem được kết quả
bạn vui lòng làm nhiệm vụ nhỏ xíu này nha

`, `

`, `

`, `

`, `

` thường có kiểu hiển thị mặc định là `block`, nghĩa là chúng bắt đầu trên một dòng mới và chiếm hết chiều rộng.

Bạn ơi!!! Để xem được kết quả
bạn vui lòng làm nhiệm vụ nhỏ xíu này nha

Bạn ơi!!! Để xem được kết quả
bạn vui lòng làm nhiệm vụ nhỏ xíu này nha

`, `

` là các phần tử khối.

Bạn ơi!!! Để xem được kết quả
bạn vui lòng làm nhiệm vụ nhỏ xíu này nha

Bạn ơi!!! Để xem được kết quả
bạn vui lòng làm nhiệm vụ nhỏ xíu này nha