Tạo Trắc Nghiệm

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 · Đề giữa kì 2

8/20 câu đang cập nhật đáp án (ghi rõ ở từng câu), chưa tính điểm; điểm tính trên 12 câu còn lại.

Xem trước: đọc nhanh mọi câu dạng chữ, chưa tính giờ, chưa hiện đáp án.
Luyện tập: chọn đáp án là biết đúng sai ngay, kèm lời giải.
Thi thử: nộp bài mới chấm điểm và hiện lời giải.

Câu 1

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?

Đáp án và lời giải

Đáp án: C

Câu 2

Đ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?

Đáp án và lời giải

Đáp án: B

Câu 3

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ì?

Đáp án và lời giải

Đáp án: C

Câu 4

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?

Đáp án và lời giải

Đáp án: B

Câu 5

Nếu <body> có thẻ <p> bên trong có ch thước chữ của <p> là bao nhiêu pixel?

Đáp án và lời giải

Đáp án: B

Câu 6

Đoạn mã <a href="#">Click</a> khi nhấp vào sẽ làm gì

Đáp án và lời giải

Đáp án: C

Câu 7

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?

Đáp án và lời giải

Đáp án: B

Câu 8

Thẻ <table> trong HTML dùng để làm gì?

Đáp án và lời giải

Đáp án: A

Câu 9

Thuộc tính nào sau đây của thẻ <img> dùng để chỉ định đường dẫn tới hình ảnh

Đáp án và lời giải

Đáp án: D

Câu 10

Thẻ nào sau đây dùng để tạo liên kết trong trang web?

Đáp án và lời giải

Đáp án: B

Câu 11

Thẻ <form> trong HTML có tác dụng gì?

Đáp án và lời giải

Đáp án: A

Câu 12

Thuộc tính colspan trong thẻ <td> dùng để làm gì?

Đáp án và lời giải

Đáp án: D

Câu 13

Câu tự luận

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.
Đáp án tham khảo

Lời giải của đề gốc để bạn tự đối chiếu; câu tự luận không tính điểm.

  •  

a

Đ

a) 50% của 400px = 200px

b) Dòng chữ nội dung áp dụng màu chữ mặc định là màu đen.

c) (50% của (400px - 20px trái - 20px phải) = 180px).

d) .contaniner là bộ chọn lớp.

b

S

c

Đ

d

S

Câu 14

Câu tự luận

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.

Đáp án tham khảo

Lời giải của đề gốc để bạn tự đối chiếu; câu tự luận không tính điểm.

  •  

a

S

Sai (Bảng có 2 hàng nhưng dòng 1 có 1 cột và dòng 2 có 2 cột, do thẻ colspan="2" gộp 2 cột ở hàng đầu tiên

b

Đ

 

c

S

Đoạn lệnh sử dụng CSS inline.

d

Đ

 

Câu 15

Câu tự luận

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?

Đáp án tham khảo

Lời giải của đề gốc để bạn tự đối chiếu; câu tự luận không tính điểm.

7

Vì hàng thứ 2 có 3 ô bị gộp làm 1 ô.

Câu 16

Câu tự luận

Nếu <body> có thẻ <div> bên trong có ch thước chữ trong <div> là bao nhiêu pixel?

Đáp án tham khảo

Lời giải của đề gốc để bạn tự đối chiếu; câu tự luận không tính điểm.

20

20 (16px × 1.25 = 20px).

Câu 17

Câu tự luận

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?

Đáp án tham khảo

Lời giải của đề gốc để bạn tự đối chiếu; câu tự luận không tính điểm.

166

(150px + 5px × 2 + 3px × 2 = 166px).

Câu 18

Câu tự luận

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

Đáp án tham khảo

Lời giải của đề gốc để bạn tự đối chiếu; câu tự luận không tính điểm.

5

Vì maxlength="5"

Câu 19

Câu tự luận

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.

Đáp án tham khảo

Lời giải của đề gốc để bạn tự đối chiếu; câu tự luận không tính điểm.

  • HTML: Là "bộ xương" của trang web, giúp tổ chức nội dung một cách logic.

  • CSS: Là "bộ trang phục" của trang web, giúp nội dung trở nên đẹp mắt và hấp dẫn hơn.

Ví dụ:

  • Đoạn mã html

<!DOCTYPE html>

<html lang="vi">

<head>

    <title>Ví dụ HTML & CSS</title>

    <link rel="stylesheet" href="style.css">

</head>

<body>

    <h1>Chào mừng đến với website của tôi!</h1>

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

</body>

</html>

  • Đoạn mã css

h1 {

    color: blue;

    text-align: center;

}


p {

    

    color: gray;

}

Câu 20

Câu tự luận

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

Đáp án tham khảo

Lời giải của đề gốc để bạn tự đối chiếu; câu tự luận không tính điểm.

<!DOCTYPE html>

<html>

<head>

  <title>Sở thích</title>

  <style>

    body { color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">: 16px; }

    h2 {

      color: green;

      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;">: 1.5em; /* 24px */

    }

    ol {

      list-style-type: upper-roman;

    }

  </style>

</head>

<body>

  <h2>Danh sách sở thích</h2>

  <ol>

    <li>Đọc sách</li>

    <li>Nghe nhạc</li>

    <li>Xem phim</li>

  </ol>

</body>

</html>