Câu 1
Nếu một thẻ <div> có CSS width: 50%; margin: 0 auto;, điều gì sẽ xảy ra?
Đáp án và lời giải
Đáp án: B
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.
Nếu một thẻ <div> có CSS width: 50%; margin: 0 auto;, điều gì sẽ xảy ra?
Đáp án: B
Trong HTML, thẻ nào được sử dụng để tạo một tiêu đề chính trên trang web?
Đáp án: C
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?
Đáp án: C
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?
Đáp án: B
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?
Đáp án: C
Đoạn mã <a href="page.html" target="_blank">Link</a> sẽ làm gì khi nhấp vào?
Đáp án: B
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?
Đáp án: A
CSS được sử dụng để làm gì trong một trang web?
Đáp án: B
Trong CSS, bộ chọn nào dùng để định dạng tất cả phần tử có cùng class?
Đáp án: B
Để tạo một liên kết siêu văn bản trong HTML, ta sử dụng thẻ nào?
Đáp án: B
Thuộc tính nào của thẻ <table> dùng để thêm đường viền?
Đáp án: B
Trong CSS, thuộc tính nào dùng để căn giữa văn bản?
Đáp á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ột học sinh viết đoạn mã:
<style>
.box { width: 200px; height: 100px;color:blue; border: 1px solid black; }
</style>
<div class="box">
<p style="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.
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 |
a) Chiều rộng hiển thị là 202px vì border mỗi bên 1px c) 100px + 20px trên + 20px dưới + 2px border = 142px. d) Chữ “Nội dung” áp dụng CSS inline nên có chữ màu đỏ. |
|
b |
Đ | |
|
c |
Đ | |
|
d |
S |
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).
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 |
Đ |
|
b |
Đ |
|
c |
S |
|
d |
Đ |
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.
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.
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.
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.
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.
Thẻ <iframe> (Inline Frame) được sử dụng để nhúng một trang web khác vào trong trang web hiện tại. Nó tạo ra một khung bên trong trang, cho phép hiển thị nội dung từ một URL bên ngoài hoặc một tài nguyên nội bộ.
Ví dụ:
<iframe src="https://www.example.com" width="600" height="400"></iframe>
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.
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>Bài kiểm tra</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; }
h1 {
color: red;
text-align: left;
color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">: 2em; /* 32px */
}
table {
border: 2px solid blue;
}
td {
border: 2px solid blue;
}
</style>
</head>
<body>
<h1>Bài kiểm tra</h1>
<table>
<tr>
<td colspan="2">Tiêu đề</td>
<td>Cột 3</td>
</tr>
<tr>
<td>Dữ liệu 1</td>
<td>Dữ liệu 2</td>
<td>Dữ liệu 3</td>
</tr>
</table>
</body>
</html>