Bộ 3 đề thi giữa kì 2 Tin 12 Chân trời sáng tạo có đáp án (Đề 3)
20 câu hỏi
Nếu một thẻ <div> có CSS width: 50%; margin: 0 auto;, điều gì sẽ xảy ra?
Thẻ sẽ chiếm toàn bộ chiều rộng trang và căn trái.
Thẻ sẽ chiếm 50% chiều rộng trang và căn giữa.
Thẻ sẽ chiếm 50% chiều rộng trang và căn phải.
Thẻ sẽ bị ẩn khỏi trang.
Trong HTML, thẻ nào được sử dụng để tạo một tiêu đề chính trên trang web?
<p>.
<h1>.
<title>.
<header>.
Thẻ <input type="radio" name="group1"> và <input type="radio" name="group2"> được đặt trong cùng một biểu mẫu. Điều gì sẽ xảy ra khi chọn?
Chỉ một nút radio được chọn trong toàn bộ biểu mẫu.
Có thể chọn cả hai nút radio cùng lúc.
Mỗi nhóm name cho phép chọn một nút riêng biệt.
Không nút nào được chọn.
Nếu một phần tử có CSS position: absolute; top: 10px; left: 20px; trong một <div> không có position, nó sẽ định vị dựa trên đâu?
Góc trên trái của <div>.
Góc trên trái của trang web.
Góc dưới phải của <div>.
Vị trí mặc định của phần tử.
Trong CSS, nếu body> và một thẻ <p> bên trong có ch thước chữ của <p> là bao nhiêu pixel?
16px.
18px.
24px.
32px.
Đoạn mã <a href="page.html" target="_blank">Link</a> sẽ làm gì khi nhấp vào?
Mở liên kết trong cùng tab.
Mở liên kết trong tab mới.
Tải tệp xuống.
Không làm gì cả.
Nếu một bảng có 3 hàng và thuộc tính <td rowspan="3"> ở ô đầu tiên của hàng đầu tiên, số ô thực tế cần thêm vào bảng là bao nhiêu để hoàn chỉnh?
6.
7.
8.
9.
CSS được sử dụng để làm gì trong một trang web?
Xây dựng cấu trúc trang.
Định dạng giao diện và bố cục.
Lập trình chức năng của trang.
Lưu trữ dữ liệu của trang.
Trong CSS, bộ chọn nào dùng để định dạng tất cả phần tử có cùng class?
#className.
className.
className.
*className.
Để tạo một liên kết siêu văn bản trong HTML, ta sử dụng thẻ nào?
<link>.
<a>.
<href>.
<p>.
Thuộc tính nào của thẻ <table> dùng để thêm đường viền?
width.
border.
height.
align.
Trong CSS, thuộc tính nào dùng để căn giữa văn bản?
text-align: center.
font-size: center.
color: center.
border: center.
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.
Một học sinh viết đoạn mã:
<style>
.box { width: 200px; height: 100px;color:blue; border: 1px solid black; }
</style>
<divclass="box">
<pstyle="margin: 10px;" “color:red;”>Nội dung</p>
</div>
a) Chiều rộng thực tế hiển thị của <div> trên trang là 200px.
b) Khoảng cách từ chữ "Nội dung" đến mép trên của <div> là 10px.
c) Nếu thêm padding: 20px vào .box, chiều cao thực tế của <div> sẽ là 142px.
d) Chữ “Nội dung” có màu blue.
Khi học về HTML và CSS, một bạn đưa ra các nhận định sau. Theo em mỗi nhận định là đúng hay sai?
a) Trong HTML, thẻ <video> hỗ trợ nhúng video vào trang web.
b) Trong CSS, display: flex;giúp sắp xếp phần tử theo trục ngang hoặc dọc.
c) Một biểu mẫu <form> chỉ có thể chứa một nút <button>.
d) CSS có thể được viết theo ba cách: nội tuyến (inline), nội bộ (internal) và ngoài (external).
Một bảng có 4 hàng, hàng đầu tiên có <td colspan="2">, các hàng còn lại mỗi hàng 2 ô. Tổng số cột thực tế của bảng là bao nhiêu?
Nếu <body> có thẻ <h1> bên trong có ch thước chữ của <h1> là bao nhiêu pixel?
Một biểu mẫu có ô <input type="text" maxlength="8">. Số ký tự tối đa người dùng có thể nhập là bao nhiêu?
Số ký tự của thẻ HTML dùng để tạo danh sách có thứ tự (bao gồm cả dấu < và >) là bao nhiêu?
Em hãy nêu chức năng của thẻ <iframe> và một số thuộc tính dùng để nhúng trang web khác vào trang hiện tại?
Viết đoạn mã HTML và CSS để tạo một trang web gồm:
- Một tiêu đề cấp 1 "Bài kiểm tra" với màu đỏ, căn trái, và kích thước chữ gấp đôi kích thước mặc định của <body> (giả sử <body> là 16px).
- Một bảng 2 hàng, 3 cột, có ô đầu tiên ở hàng 1 gộp 2 cột, với đường viền 2px màu xanh dương.
