TopStudy

Tin học · Lớp 12

Bộ 3 đề thi giữa kì 2 Tin học 12 Chân trời sáng tạo có đáp án (Đề 1)

20 câu · 30 phút · Ngân hàng đề TopStudy. Đáp án và lời giải do TopStudy biên soạn, mở ngay dưới từng câu.

Làm bài

Nội dung đề

Phần I. Trắc nghiệm nhiều lựa chọn

Câu 1

1 điểm
Nếu một phần tử có CSS là {width: 300px; padding: 10px; border: 2px solid black;}, chiều rộng thực tế hiển thị trên trang là bao nhiêu?
  1. Đáp án A: 300px.
  2. Đáp án B: 320px.
  3. Đáp án C: 324px.
  4. Đáp án D: 330px.
Xem đáp án và lời giải

Lời giải do TopStudy biên soạn

Đáp án: C

Chọn C

300px + 10px padding trái + 10px padding phải + 2px border trái + 2px border phải = 324px

Câu 2

1 điểm
Đoạn mã <<ul><<li>A</li><<li style="list-style-type: none;" >B</li> <<li>C</li> </ul> sẽ hiển thị như thế nào?
  1. Đáp án A: Cả 3 mục đều có dấu đầu dòng.
  2. Đáp án B: Chỉ mục B không có dấu đầu dòng.
  3. Đáp án C: Chỉ mục A và C không có dấu đầu dòng.
  4. Đáp án D: Không mục nào có dấu đầu dòng.
Xem đáp án và lời giải

Lời giải do TopStudy biên soạn

Đáp án: B

Chọn B

Ưu tiên áp dụng CSS nội tuyến

Câu 3

1 điểm
Trong biểu mẫu <<form><<input type="checkbox" name="hobby" value="1"> <<input type="checkbox" name="hobby" value="2"></form>, nếu chọn cả hai ô, dữ liệu gửi đi sẽ là gì?
  1. Đáp án A: hobby=1.
  2. Đáp án B: hobby=2.
  3. Đáp án C: hobby=1&hobby=2.
  4. Đáp án D: Không gửi được dữ liệu.
Xem đáp án và lời giải

Lời giải do TopStudy biên soạn

Đáp án: C

Chọn C

Câu 4

1 điểm
Một phần tử có CSS {position: relative; top: 20px; left: 30px;} sẽ dịch chuyển như thế nào so với vị trí ban đầu?
  1. Đáp án A: Xuống 20px, sang trái 30px.
  2. Đáp án B: Xuống 20px, sang phải 30px.
  3. Đáp án C: Lên 20px, sang phải 30px.
  4. Đáp án D: Không dịch chuyển.
Xem đáp án và lời giải

Lời giải do TopStudy biên soạn

Đáp án: B

Chọn B

Hiểu cách position: relative hoạt động

Câu 5

1 điểm
Nếu <<body> có thẻ <<p> bên trong có ch thước chữ của <<p> là bao nhiêu pixel?
  1. Đáp án A: 10px.
  2. Đáp án B: 20px.
  3. Đáp án C: 25px.
  4. Đáp án D: 30px.
Xem đáp án và lời giải

Lời giải do TopStudy biên soạn

Đáp án: B

Chọn B

Câu 6

1 điểm
Đoạn mã <<a href="#">Click</a> khi nhấp vào sẽ làm gì
  1. Đáp án A: Tải lại trang hiện tại.
  2. Đáp án B: Mở trang mới trắng.
  3. Đáp án C: Không làm gì ngoài nhảy lên đầu trang.
  4. Đáp án D: Báo lỗi.
Xem đáp án và lời giải

Câu 7

1 điểm
Trong CSS, nếu một phần tử có giá trị các thuộc tính {display: inline; width: 100px;}, điều gì sẽ xảy ra?
  1. Đáp án A: Phần tử có chiều rộng 100px và nằm ngang.
  2. Đáp án B: Thuộc tính width bị bỏ qua.
  3. Đáp án C: Phần tử chuyển thành block.
  4. Đáp án D: Phần tử bị ẩn.
Xem đáp án và lời giải

Câu 8

1 điểm
Thẻ <<table> trong HTML dùng để làm gì?
  1. Đáp án A: Tạo bảng.
  2. Đáp án B: Tạo biểu mẫu.
  3. Đáp án C: Chèn hình ảnh.
  4. Đáp án D: Định dạng văn bản.
Xem đáp án và lời giải

Câu 9

1 điểm
Thuộc tính nào sau đây của thẻ <<img> dùng để chỉ định đường dẫn tới hình ảnh
  1. Đáp án A: alt.
  2. Đáp án B: height.
  3. Đáp án C: width.
  4. Đáp án D: src.
Xem đáp án và lời giải

Câu 10

1 điểm
Thẻ nào sau đây dùng để tạo liên kết trong trang web?
  1. Đáp án A: <<link>.
  2. Đáp án B: <<a>.
  3. Đáp án C: <<href>.
  4. Đáp án D: <<url>.
Xem đáp án và lời giải

Câu 11

1 điểm
Thẻ <<form> trong HTML có tác dụng gì?
  1. Đáp án A: Tạo biểu mẫu nhập liệu.
  2. Đáp án B: Tạo bảng.
  3. Đáp án C: Chèn video.
  4. Đáp án D: Định dạng đoạn văn.
Xem đáp án và lời giải

Câu 12

1 điểm
Thuộc tính colspan trong thẻ <<td> dùng để làm gì?
  1. Đáp án A: Gộp hàng.
  2. Đáp án B: Chèn hình ảnh.
  3. Đáp án C: Định dạng chữ.
  4. Đáp án D: Gộp cột.
Xem đáp án và lời giải

Phần II. Tự luận

Câu 13

1 điểm

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 đ)

Một học sinh tạo trang web bằng đoạn mã sau. Em hãy xác định xem nhận định sau đây là đúng hay sai:

<<style>

.container { width: 400px; border: 1px solid red; }

.item { width: 50%; margin: 10px; }

</style>

<<div class="container">

<<div class="item">Nội dung</div>

</div>

a) Chiều rộng của .item là 200px.

b) Dòng chữ “Nội dung” sẽ được áp dụng màu đỏ.

c) Nếu .container có thêm padding: 20px, chiều rộng của .item sẽ giảm xuống 180px.
d) .contaniner là bộ chọn mã định danh.

Xem đáp án và lời giải

Câu 14

1 điểm

Một học sinh đang thiết kế trang web và viết đoạn mã HTML như sau:

<<table border="1">

<<tr>

<<td colspan="2">Tiêu đề</td>

</tr>

<<tr>

<<td>Nội dung 1</td>

<<td>Nội dung 2</td>

</tr>

</table>

a) Bảng trên có 2 hàng và 3 cột.
b) Thuộc tính border="1" sẽ tạo đường viền cho bảng.

c) CSS được sử dụng trong đoạn lệnh trên là CSS internal.

d) Giá trị border có thể chỉ định kiểu viền, độ dày và màu sắc cùng một lúc.

Xem đáp án và lời giải

Câu 15

1 điểm
Một bảng có 3 hàng và 3 cột, hàng thứ hai có <<td colspan="3">, tổng số ô thực tế của bảng là bao nhiêu?
Xem đáp án và lời giải

Câu 16

1 điểm
Nếu <<body> có thẻ <<div> bên trong có ch thước chữ trong <<div> là bao nhiêu pixel?
Xem đáp án và lời giải

Câu 17

1 điểm
Một phần tử có mã CSS là {width: 150px; padding: 5px; border: 3px solid;}, chiều rộng thực tế hiển thị là bao nhiêu?
Xem đáp án và lời giải

Câu 18

1 điểm
Số lượng ký tự tối đa có thể nhập vào ô <<input type="text" maxlength="5"> là bao nhiêu?
Xem đáp án và lời giải

Câu 19

1 điểm
So sánh sự khác nhau giữa HTML và CSS về chức năng và vai trò trong thiết kế web.
Xem đáp án và lời giải

Câu 20

1 điểm

Viết đoạn mã HTML và CSS để tạo một trang web gồm:

- Một tiêu đề cấp 2 "Danh sách sở thích" với màu xanh lá, căn giữa, và kích thước chữ 150% so với mặc định của <<body> (giả sử 16px).
- Một danh sách có thứ tự gồm 3 mục, với dấu đầu dòng là số La Mã (I, II, III).

Xem đáp án và lời giải

Đề cùng chủ đề

Tất cả đề Đề thi học kì 2 Tin học 12 - Chân trời sáng tạo · Các bộ sách Tin học Lớp 12