Bộ 3 đề thi giữa kì 2 Tin học 12 Chân trời sáng tạo có đáp án (Đề 2)
20 câu hỏi
Thẻ <td> trong HTML có chức năng gì?
Tạo hàng trong bảng.
Tạo đường viền bảng.
Tạo tiêu đề bảng.
Tạo ô dữ liệu trong bảng.
Chọn D
Đoạn mã <table><tr><td rowspan="2"> A</td> <td>B</td></tr> <tr> <td>C </td> </tr> </table> có tổng cộng bao nhiêu ô hiển thị?
2.
3.
4.
5.
Chọn B
Suy luận: 3 ô thực tế dù rowspan gộp 2 hàng
Trong biểu mẫu <form method="get"><input type="text" name="search" value="test"></form>, khi gửi, URL sẽ thay đổi như thế nào?
?search=test.
?test=search.
#search=test.
Không thay đổi.
Chọn A
Nếu một phần tử có float: right; width: 50%; trong một container 600px, nó sẽ nằm ở đâu?
Bên trái container, rộng 300px.
Bên phải container, rộng 300px.
Bên trái container, rộng 600px.
Bên phải container, rộng 600px.
Chọn B
Suy luận từ float và % của width.
Nếu <body> có <h1> có ch thước chữ của <h1> là bao nhiêu pixel?
24px.
36px.
48px.
60px.
Chọn B
12px × 3 = 36px
Một phần tử có display: block; margin: 0 auto; width: 400px; trong container 800px sẽ nằm ở đâu?
Căn trái.
Căn phải.
Căn giữa.
Không hiển thị.
Chọn C
Hiểu cách căn giữa với margin: 0 auto
Để tạo một bảng trong HTML, thẻ nào sau đây được sử dụng?
<div>.
<form>.
<table>.
<section>.
Chọn C
Trong CSS, thuộc tính nào giúp tạo khoảng cách giữa nội dung và viền của một phần tử?
margin.
padding.
border-width.
spacing.
Chọn B
Khi muốn thêm âm thanh vào trang web, thẻ nào được sử dụng?
<sound>.
<audio>.
<media>.
<mp3>.
Chọn B
Để tạo một biểu mẫu nhập liệu trong HTML, thẻ nào sau đây được sử dụng?
<form>.
<input>.
<button>.
<media>.
Chọn A
Định dạng nào sau đây dùng để liên kết một tệp CSS ngoài vào trang HTML?
<style src="style.css">.
<css link="style.css">.
<link rel="stylesheet" href="style.css">.
<import src="style.css">.
Chọn C
Thẻ nào bắt buộc phải có để bắt đầu một tài liệu HTML?
<html>.
<head>.
<body>.
<title>.
Chọn A
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ỗi câu 1 điểm (4 ý đúng, mỗi ý 0.25 đ).
Nhận định sau là đúng hay sai khi sử dụng HTML và CSS để tạo trang web?
a) Trong HTML, thẻ <video> cho phép nhúng video vào trang web.
b) CSS có thể áp dụng cho một trang web bằng ba phương pháp: nội tuyến, nội bộ và ngoài.
c) Một thẻ <form> có thể chứa nhiều phần tử <input>.
d) Thẻ <table> chỉ có thể chứa dữ liệu văn bản mà không thể chứa hình ảnh hoặc các phần tử khác.
a | Đ |
b | Đ |
c | Đ |
d | S |
Một học sinh viết đoạn mã:
<style>
.wrapper { width: 500px; padding: 10px; }
.content { width: 100%; border: 2px solid blue; }
</style>
<divclass="wrapper">
<divclass="content">Text</div>
</div>
a) Chiều rộng của .content là 500px.
b) Một học sinh đang thiết kế trang web và viết đoạn mã HTML như sau:
<tableborder="1">
<tr>
<td colspan="2">Tiêu đề</td>
</tr>
<tr>
<td>Nội dung 1</td>
<td>Nội dung 2</td>
</tr>
</table>
Số ô được tạo là 3.
c) Nếu .wrapper có box-sizing: border-box, chiều rộng của .content sẽ là 480px.
d) HTML được sử dụng để định dạng và tạo phong cách cho trang web.
a | Đ | |
b | S | |
c | S | content vẫn là 500px vì box-sizing chỉ ảnh hưởng đến .wrapper |
d | S | HTML dùng để tạo ra cấu trúc trang web. |
Số lượng ô tối đa trong bảng HTML có 2 hàng và 3 cột là bao nhiêu
6
Nếu <body> có <p> có ch thước chữ của <p> là bao nhiêu pixel?
21 | Đáp án: 21 (14px × 1.5 = 21px). |
Một phần tử có width: 250px; padding: 10px; border: 1px solid;, chiều rộng thực tế là bao nhiêu?
272 | Đáp án: 272 (250px + 10px × 2 + 1px × 2 = 272px). |
Một danh sách <ul> có 4 phần tử <li>, tổng số mục trong danh sách là bao nhiêu?
4
Em hãy trình bày các bước tạo siêu liên kết chuyển đến trang web trong một cửa sổ khác?
Viết đoạn mã HTML và CSS để tạo một trang web gồm:
Một tiêu đề cấp 1 "Trang cá nhân" với màu tím, căn giữa, và kích thước chữ 32px.
Một biểu mẫu gồm ô nhập email (type="email") và nút gửi, với ô nhập có chiều rộng 50% container (giả sử container 400px).
<!DOCTYPE html>
<html>
<head>
<title>Trang cá nhân</title>
<style>
h1 {
color: purple;
text-align: center;
color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">: 32px;
}
.container {
width: 400px;
}
input[type="email"] {
width: 50%; /* 200px */
}
</style>
</head>
<body>
<h1>Trang cá nhân</h1>
<divclass="container">
<form>
<inputtype="email"name="email"placeholder="Nhập email">
<inputtype="submit"value="Gửi">
</form>
</div>
</body>
</html>
