Trắc Nghiệm Tin Học 12 Cánh Diều Khoa Học Máy Tính Chủ Đề F Bài 11 là bộ đề ôn tập kiến thức thực hành môn Tin học lớp 12, bám sát nội dung Tin học 12 Khoa học máy tính CD. Đề do cô Lê Thị Kim Anh – giáo viên môn Tin học tại Trường THPT Đống Đa biên soạn năm học 2024–2025. Đây là bài học quan trọng thuộc “Chủ đề F. Giải quyết vấn đề với sự trợ giúp của máy tính”, với nội dung chính của “Bài 11: Mô hình hộp, bố cục trang web” tập trung vào việc sử dụng các thuộc tính CSS để tùy chỉnh kích thước, lề, đệm, đường viền của các phần tử và quản lý bố cục trang web một cách hiệu quả. Bộ câu hỏi này là tài liệu quan trọng giúp học sinh nắm vững kỹ năng thiết kế layout web chuyên nghiệp.
Trắc nghiệm Tin học 12 trên nền tảng detracnghiem.edu.vn được thiết kế để mang lại trải nghiệm học tập thực tế và hiệu quả. Với kho câu hỏi phong phú, mô phỏng các tình huống định dạng và bố cục trang web, học sinh có thể thực hành không giới hạn để củng cố kiến thức. Mỗi câu hỏi đều đi kèm đáp án và lời giải thích chi tiết, giúp các em không chỉ biết kết quả mà còn hiểu sâu sắc về cách thức hoạt động của từng thuộc tính CSS trong mô hình hộp. Biểu đồ phân tích tiến độ học tập cá nhân là tính năng nổi bật, giúp học sinh nhận diện điểm mạnh, điểm yếu để xây dựng chiến lược ôn tập khoa học. Đây là công cụ hữu ích giúp học sinh tự tin chinh phục các bài Trắc nghiệm các môn lớp 12.
Trắc Nghiệm Tin Học 12 Cánh Diều Khoa Học Máy Tính
Chủ Đề F. Giải quyết vấn đề với sự trợ giúp của máy tính
Bài 11: Mô hình hộp, bố cục trang web
Câu 1: Mô hình hộp (box model) trong HTML mô tả mỗi phần tử trên trang web như một cấu trúc gồm những vùng nào?
A. Vùng nội dung, vùng lề.
B. Vùng đệm, vùng viền.
C. Vùng nội dung, vùng đệm, vùng viền, vùng lề.
D. Vùng nội dung, vùng đệm.
Câu 2: Thuộc tính CSS nào dùng để xác định kích thước vùng đệm (padding) của một phần tử?
A. padding.
B. margin.
C. border.
D. width.
Câu 3: Thuộc tính CSS nào dùng để xác định kiểu hiển thị vùng viền bao quanh (border-style) của một phần tử?
A. border-width.
B. border-color.
C. border-style.
D. border-radius.
Câu 4: Thuộc tính CSS nào dùng để xác định kích thước vùng lề (margin) của một phần tử?
A. padding.
B. border.
C. width.
D. margin.
Câu 5: Theo mặc định, các phần tử HTML được trình duyệt hiển thị theo kiểu nào, cho phép chúng hiển thị trên một dòng mới?
A. Hiển thị theo dòng.
B. Hiển thị theo khối.
C. Hiển thị linh hoạt.
D. Hiển thị ẩn.
Câu 6: Để thay đổi kiểu hiển thị của các phần tử HTML từ khối sang dòng hoặc ngược lại, thuộc tính CSS nào được sử dụng?
A. position.
B. float.
C. display.
D. visibility.
Câu 7: Để một phần tử hiển thị theo khối, lệnh CSS nào sau đây là đúng?
A. display: inline;.
B. display: none;.
C. display: inline-block;.
D. display: block;.
Câu 8: Để một phần tử hiển thị theo dòng, lệnh CSS nào sau đây là đúng?
A. display: block;.
B. display: inline;.
C. display: inline-block;.
D. display: none;.
Câu 9: Bố cục của một trang web là cách sắp xếp và bố trí các thành phần nội dung trên trang web. Thông thường, một bố cục trang web gồm những phần chính nào?
A. Phần đầu trang, thanh điều hướng, phần nội dung, phần chân trang.
B. Phần đầu trang, phần nội dung, phần chân trang.
C. Phần đầu trang, thanh điều hướng, phần nội dung.
D. Thanh điều hướng, phần nội dung, phần chân trang.
Câu 10: Phần nào của trang web cung cấp thông tin chung như logo, tiêu đề của trang web?
A. Thanh điều hướng.
B. Phần nội dung.
C. Phần đầu trang (header).
D. Phần chân trang.
Câu 11: Thanh điều hướng (navigation menu) có chức năng gì trong một trang web?
A. Cung cấp thông tin chính của trang web.
B. Cung cấp thông tin bổ trợ như bản quyền.
C. Là tập hợp các siêu liên kết đến các trang web khác.
D. Hiển thị logo và tiêu đề của trang web.
Câu 12: Phần nào của trang web cung cấp thông tin chính của trang web?
A. Phần đầu trang.
B. Thanh điều hướng.
C. Phần chân trang.
D. Phần nội dung (content).
Câu 13: Phần nào của trang web cung cấp các thông tin bổ trợ như bản quyền, các liên kết cần thiết?
A. Phần đầu trang.
B. Phần chân trang (footer).
C. Thanh điều hướng.
D. Phần nội dung.
Câu 14: Để định dạng chiều cao của phần tử <p> là 50px, padding 5px, border 2px solid, margin 4px, chiều cao của phần tử $p$ tính theo pixel là bao nhiêu?
A. 64px.
B. 60px.
C. 72px.
D. 54px.
Câu 15: Các phần tử <input> mặc định được hiển thị theo kiểu nào, khiến chúng hiển thị trên cùng một dòng khi không có thuộc tính display nào được khai báo?
A. Hiển thị theo khối.
B. Hiển thị ẩn.
C. Hiển thị linh hoạt.
D. Hiển thị theo dòng.
Câu 16: Để hiển thị các nhãn (<label>) theo kiểu khối (display: block;), phần <body> của văn bản HTML cần khai báo như thế nào?
A. <body> <label>…</label> <input>…</input> </body>.
B. <body> <label style=”display: block;”>…</label> </body>.
C. <body> <label style=”display: inline;”>…</label> </body>.
D. <body> <label>…</label> <input style=”display: block;”>…</input> </body>.
Câu 17: Để hiển thị các nhãn (<label>) theo kiểu khối (display: block;) và hai ô nhập dữ liệu (<input type=”text”>) theo kiểu dòng (display: inline;), phần <body> của văn bản HTML cần khai báo như thế nào?
A. <body> <label style=”display: inline;”>…</label> <input type=”text” style=”display: block;”>…</input> </body>.
B. <body> <label>…</label> <input type=”text”>…</input> </body>.
C. <body> <label style=”display: block;”>…</label> <input type=”text” style=”display: inline;”>…</input> </body>.
D. <body> <label style=”display: block;”>…</label> <input type=”text”>…</input> </body>.
Câu 18: Theo mục tiêu của bài học, sau khi hoàn thành, học sinh sẽ có khả năng làm gì với mô hình hộp?
A. Mô tả mô hình hộp trong trình bày phần tử HTML.
B. Lập trình các thuật toán phức tạp cho mô hình hộp.
C. Thiết kế các mô hình hộp 3D.
D. Tính toán kích thước chính xác của từng phần.
Câu 19: Thuộc tính width trong CSS được sử dụng để làm gì?
A. Xác định chiều cao nội dung vùng.
B. Xác định khoảng cách lề.
C. Xác định chiều rộng nội dung vùng.
D. Xác định khoảng cách đệm.
Câu 20: Thuộc tính height trong CSS được sử dụng để làm gì?
A. Xác định chiều rộng nội dung vùng.
B. Xác định khoảng cách lề.
C. Xác định khoảng cách đệm.
D. Xác định chiều cao nội dung vùng.
Câu 21: Trong ví dụ về việc sử dụng mô hình hộp để trình bày đoạn văn bản, padding: 50px; có ý nghĩa gì?
A. Lề ngoài 50 pixel.
B. Vùng đệm 50 pixel.
C. Đường viền 50 pixel.
D. Chiều rộng nội dung 50 pixel.
Câu 22: Để các phần tử có thể hiển thị cạnh nhau trên một dòng, cách nào sau đây là phù hợp nhất?
A. Sử dụng display: inline; hoặc display: inline-block;.
B. Sử dụng display: block;.
C. Sử dụng position: absolute;.
D. Sử dụng float: right;.
Câu 23: Trong cấu trúc HTML của một trang web, thẻ <div> thường được sử dụng để làm gì trong việc tạo bố cục?
A. Để định nghĩa một đoạn văn bản.
B. Để định nghĩa một tiêu đề.
C. Để tạo các vùng hoặc khối nội dung.
D. Để định nghĩa một liên kết.
Câu 24: CSS quy định nghĩa một số thuộc tính định dạng tùy chỉnh vùng lề, vùng đệm, vùng nội dung theo gì?
A. Theo tên của phần tử.
B. Theo ID của phần tử.
C. Theo lớp của phần tử.
D. Theo mô hình hộp.
Câu 25: Bố cục của một trang web thường có các thành phần nào được đề cập trong bài học?
A. Tất cả các phần như đầu, điều hướng, nội dung, chân trang.
B. Chỉ có phần đầu trang và phần nội dung.
C. Chỉ có phần nội dung và phần chân trang.
D. Chỉ có phần đầu trang và thanh điều hướng.
Câu 26: Phần tử nào trong cấu trúc HTML dùng để tạo ra một vùng hoặc khối nội dung, thường được dùng để nhóm các phần tử khác lại với nhau?
A. <span>.
B. <div>.
C. <p>.
D. <a>.
Câu 27: Khi một đoạn văn bản HTML có các phần tử <input> được hiển thị theo dòng (display: inline;), và bạn muốn chúng hiển thị theo khối (display: block;), thuộc tính nào cần được thêm vào cho các phần tử <input>?
A. display: none;.
B. display: flex;.
C. display: block;.
D. display: inline-block;.
Câu 28: Trong một trang web, một phần tử <p> có padding: 30px; border: solid;. Điều này có nghĩa là vùng đệm của phần tử là 30px, và đường viền là gì?
A. Đường viền đứt quãng.
B. Đường viền đôi.
C. Đường viền chấm chấm.
D. Đường viền liền nét.
Câu 29: Để tạo bố cục trang web bằng phân tử <div> kết hợp với định dạng CSS, điều gì thường được thực hiện để định nghĩa các vùng khác nhau?
A. Đặt các thẻ <div> trực tiếp vào <body>.
B. Sử dụng thuộc tính class cho các thẻ <div>.
C. Sử dụng ID cho từng thẻ <div>.
D. Không cần định dạng CSS cho thẻ <div>.
Câu 30: Một phần tử <p> được định dạng với margin: 50px;. Điều này có nghĩa là khoảng cách lề từ đường viền đến các phần tử khác là bao nhiêu?
A. 50 pixel cho vùng đệm.
B. 50 pixel cho vùng viền.
C. 50 pixel cho cả bốn phía lề.
D. 50 pixel cho chiều rộng.
