Câu 12. HTML là viết tắt của cụm từ nào dưới đây
A. Hyperlink Markup Language
B. Hypertext Markup Language
C. Hypertext Markup Link
D. Hyperlink Mix Language
✅ Đáp án: B
HTML là viết tắt của Hypertext Markup Language hay còn được gọi là ngôn ngữ đánh dấu siêu văn bản
✅ Xem thêm video hướng dẫn giải
Câu 13.Trong HTML, thẻ <br> có tác dụng nào dưới đây?
A.Tạo một đường kẻ ngang.
B. Tạo một đoạn văn bản mới.
C. Xuống dòng.
D. Chèn một hình ảnh.
✅ Đáp án: C
Thẻ <br> có tác dụng xuống dòng trong HTML
✅ Xem thêm video hướng dẫn giải
Câu 14. Trong HTML, dùng cặp thẻ nào dưới đây để khai báo danh sách không có thứ tự?
A. Thẻ <li> </li> để tạo danh sách có thứ tự và <ul> </ul> để đánh dấu từng mục.
B. Thẻ <ul> </ul> để tạo danh sách có thứ tự và <li> </li> để đánh dấu từng mục trong danh sách.
C. Thẻ <ol> </ol> để tạo danh sách có thứ tự và <li> </li> để đánh dấu từng mục trong danh sách.
D. Thẻ <table> </table> để tạo danh sách và <li> </li> để đánh dấu từng mục trong danh sách.
✅ Đáp án: B
Thẻ <ul> giúp tạo danh sách không có thứ tự cụ thể và <li> là các thẻ con trong danh sách
✅ Xem thêm video hướng dẫn giải
Câu 15. Trong tệp HTML dòng liên kết với tệp định nghĩa css cần được đặt ở vùng nào dưới đây?
A. Trong thẻ <body>
B. Trong thẻ <footer>
C. Trong thẻ <header>
D. Trong thẻ <head>
✅Đáp án: D
Các liên kết với CSS trong HTML phải được đặt trong thẻ <head>
✅ Xem thêm video hướng dẫn giải
Câu 16. Trong CSS, thuộc tính nào dưới đây dùng để thay đổi kích thước phông chữ của một phần tử?
A. font-color
B. text-size
C. font-family
D. font-size
✅Đáp án: D
font-size giúp thay đổi kích thước phông chữ
✅ Xem thêm video hướng dẫn giải
Câu 17. Trong HTML, liên kết nào dưới đây không dẫn tới tài nguyên?
A. <a href=”https://internet.com” target=”_blank”> Mở trang internet.com </a>
B. <a href=”/tailieu/tinhoc.pdf”> Liên kết đến tệp tinhoc.pdf </a>
C. <a href=”mailto:tesst@hotmail.com” > Liên kết đến địa chỉ email </a>
D. <a href=”/programming/python.com” > Liên kết đến trang python.com </a>
✅Đáp án: C
Thẻ <a> sẽ dẫn đến các trang web hoặc tài nguyên khác, còn mailto: chỉ kích hoạt ứng dụng email
✅ Xem thêm video hướng dẫn giải
Câu 18. Trong HTML, phương án nào dưới đây mô tả đúng kết quả của câu lệnh <ol type =”a”>…</ol>?
A. Tạo danh sách có thứ tự, bắt đầu từ mục từ A.
B. Tạo danh sách có thứ tự, bắt đầu từ mục từ a.
C. Tạo danh sách không có thứ tự, bắt đầu từ mục a.
D. Không tạo được danh sách có thứ tự bắt đầu từ a vì không có thuộc tính start.
✅Đáp án: B
<ol type=”a”> sẽ đánh số theo a, b, c…
✅ Xem thêm video hướng dẫn giải
Câu 19. Trong CSS, để hiển thị các liên kết trên trang web không có phần gạch chân bên dưới, cách khai báo nào sau đây là đúng?
A. a {decoration:no underline}
B. a {text-decoration:no underline}
C. a {underline:none}
D. a {text-decoration:none}
✅Đáp án: A
a { text-decoration: none } là cú pháp đúng
✅ Xem thêm video hướng dẫn giải
Câu 20. Trong HTML, phương án nào dưới đây nêu đúng về số lượng id có thể gán cho một phần tử?
A. Không giới hạn.
B. Chỉ một.
C. Có thể mang hai id cùng một lúc.
D. Có thể mang tối đa ba id.
✅Đáp án: B
Mỗi phần tử chỉ có duy nhất một id
✅ Xem thêm video hướng dẫn giải
Câu 21. Trong tệp index.html cần tạo liên kết dẫn tới tệp info.html, biết hai tệp này nằm trong cùng thư mục thiết kế web. Trong tệp index.html, cần sử dụng liên kết nào sau đây?
A. <a href = “thiết kế web/info.html” > Liên kết tới trang info.html </a>
B. <a href = “info.html” > Liên kết tới trang info.html </a>
C. <a href = “/thiết kế web/info.html” > Liên kết tới trang info.html </a>
D. <a href = “/info.html” > Liên kết tới trang info.html </a>
✅Đáp án: B
Khi hai tệp cùng thư mục, chỉ cần dùng tên file, ví dụ info.html
✅ Xem thêm video hướng dẫn giải
Câu 22. Trong CSS, để định dạng liên kết có màu trắng (#FFFFFF) với màu nền đỏ (#FFOOOO) khi người dùng nháy chuột vào, phải sử dụng khai báo vùng chọn là:
A. a:hover { background: #FF0000; color: #FFF; }
B. a:active { background: #FF0000; color: #FFF; }
C. a:focus { background: #ff0000; color: #FFF; }
D. a:visited { background: #ff0000; color: #FFF; }
✅Đáp án: B
:active là trạng thái khi nháy chuột
✅ Xem thêm video hướng dẫn giải
Câu 23. Trong CSS, cú pháp nào sau đây được dùng để tạo một id TopBar có chiều rộng 750px, chiều cao 30px và có màu văn bản là màu đỏ?
A. #TopBar { height: 30px; width: 750px; color: red; }
B. .TopBar { height: 30px; width: 750px; colour: red;}
C. #TopBar { height: 30px; width: 750px; text: red; }
D. .TopBar { height: 30px; width: 750px; color: red;}
✅Đáp án: A
#TopBar { color: red; } là cú pháp đúng
✅ Xem thêm video hướng dẫn giải
PHẦN 2: PHẦN TRẮC NGHIỆM ĐÚNG SAI
Câu 24. Bạn B tạo một bảng danh sách học sinh, bạn muốn bảng được định dạng đẹp, đồng thời khi thực hiện các thao tác với con trỏ chuột trên bảng sẽ hiển thị các hiệu ứng giúp người dùng tập trung chú ý. Bạn B đã viết một khai báo CSS và một đoạn code HTML như sau:
|
Code HTML: <table> |
Khai báo CSS
table |
Sau đây là một số nhận định sau về các trình duyệt web hiển thị của đoạn code HTML trên.
a) Tất cả các văn bản thuộc dòng tiêu để của bảng đều được tô đậm.
b) Khi di chuyển chuột trên các dòng của bảng (ngoại trừ dòng tiêu đề), màu nền của dòng sẽ được đổi sang màu xám (#f5f5f5).
c) Vì bảng không chứa siêu liên kết, yếu tố active không được trình duyệt web xử lý.
d) Khi nhấn giữ chuột vào một nội dung trên bảng, toàn bộ ô chứa nội dung sẽ được đổi màu nền sang màu xám (#ddd).
✅Đáp án:
a)✅ Đúng. Vì các thẻ tiêu đề đều được tạo bằng thẻ <th> nên mặc định sẽ được in đậm.
b)❌ Sai. tr:hover { background-color: #f5f5f5; } sẽ áp dụng cho tất cả các hàng <tr> kể cả dòng tiêu đề, nên vẫn sẽ có hiệu ứng hover cho dòng tiêu đề.
c)❌ Sai. :active là trạng thái khi người dùng nhấn giữ chuột trên phần tử. Nó không chỉ áp dụng cho thẻ <a>, mà còn áp dụng với các phần tử khác như <td>, <button>, v.v.
d)✅ Đúng. Với CSS: td:active { background-color: #ddd; } thì khi nhấn giữ chuột vào ô <td>, ô đó đổi màu nền thành #ddd (màu xám nhạt).
✅ Xem thêm video hướng dẫn giải
Câu 25. Bạn Linh muốn tạo một trang web lưu trữ các hình ảnh phong cảnh đẹp mà bạn tự chụp được khi đi tham quan du lịch trên đất nước Việt Nam. Bạn đã đi tìm hiểu về các phần mềm hỗ trợ trang web và được các bạn của mình tư vấn như sau:
a) Không có phần mềm nào có thể tạo được website lưu trữ hình ảnh như bạn Linh yêu cầu.
b) Các phần mềm tạo trang web chỉ cung cấp được một số mẫu website cố định đáp ứng được yêu cầu lưu trữ và trình diễn hình ảnh của bạn Linh.
c) Bạn Linh có thể tạo một trang web tĩnh trước bằng phần mềm trên máy tính cá nhân, sau đó đăng tải lên các máy chủ lưu trữ để có được một trang web động chia sẻ được cho nhiều người cùng sở thích trên thế giới.
d) Trang web bạn Linh cần xây dựng ít nhất phải có các trang như sau: Trang chủ, Hình ảnh, Liên hệ.
✅Đáp án:
a)❌ Sai. Hiện nay có nhiều phần mềm và nền tảng hỗ trợ tạo website lưu trữ hình ảnh như:
-WordPress (kèm plugin như NextGEN Gallery)
-Wix, Squarespace, Google Sites
Hoặc tự lập trình bằng HTML/CSS/JavaScript
b)❌ Sai. Các phần mềm như WordPress, Wix, hoặc viết code tay cho phép tùy biến rất linh hoạt (giao diện, màu sắc, bố cục), không bị giới hạn chỉ dùng mẫu có sẵn.
c)✅ Đúng. Có thể tạo trang web tĩnh bằng HTML/CSS/JS trên máy cá nhân, sau đó đăng lên hosting/server như:
GitHub Pages, Netlify, Vercel, Hosting riêng
d)✅ Đúng. Một website chia sẻ ảnh cơ bản nên có các trang:
-Trang chủ (Home): Giới thiệu chung
-Trang hình ảnh (Gallery): Hiển thị và lưu trữ ảnh
-Trang liên hệ (Contact): Cho phép người dùng gửi phản hồi, góp ý
✅ Xem thêm video hướng dẫn giải
