WorksheetsBài tập trắc nghiệm HTML và CSS
Total questions: 40
Worksheet time: 20mins
Thẻ HTML nào sau đây được sử dụng để chèn âm thanh vào trang web?
A. <img>
B. <audio>
C. <video>
D. <media>
Thuộc tính nào trong CSS được sử dụng để thay đổi màu nền của phần tử HTML?
background-color
text-color
color-background
bg-color
Khi thiết kế biểu mẫu mua hàng, bạn muốn người dùng chọn một trong ba phương thức thanh toán (Tiền mặt / Momo / Chuyển khoản). Thẻ HTML nào dưới đây phù hợp nhất để tạo nhóm lựa chọn này?
A. <input type="radio">
B. <textarea>
C. <select>
D. <input type="checkbox">
Khi viết cấu trúc bảng trong HTML, thẻ nào sau đây phải được đặt lồng bên trong thẻ <table>?
A. <form>
B. <div>
C. <iframe>
D. <tr>
Thuộc tính CSS nào sau đây dùng để thay đổi kích thước chữ?
font-size
text-size
font-color
size-font
Bạn muốn tạo phần nhập “Góp ý thêm” cho biểu mẫu đăng ký CLB, yêu cầu học sinh nhập nhiều dòng (tối thiểu 4 dòng). Phần tử HTML nào dưới đây đáp ứng yêu cầu?
A. <textarea type="text"></textarea>
B. <input type="textarea" rows="4">
C. <input type="text" rows="4">
D. <textarea rows="4" cols="40"></textarea>
Thuộc tính border trong CSS được dùng để làm gì?
Thêm ảnh nền cho phần tử
Thêm đường viền quanh phần tử
Căn chỉnh nội dung trong phần tử
Định dạng màu sắc của chữ
Thuộc tính action trong thẻ <form> dùng để làm gì?
A. Xác định kiểu dữ liệu nhập vào biểu mẫuA. Xác định kiểu dữ liệu nhập vào biểu mẫu
B. Đặt tên cho biểu mẫu
C. Chỉ định địa chỉ xử lý dữ liệu biểu mẫu gửi đến
D. Thiết kế bố cục biểu mẫu
Trong CSS, cách khai báo đường viền màu đen, nét liền, dày 1px chuẩn xác là:
border = 1px solid black;
border: 1px solid black;
border: 1pt solid black;
1pt solid black: border;
Điều gì xảy ra nếu không đặt thuộc tính name cho các trường <input> trong biểu mẫu?
A. Người dùng không thể nhập dữ liệu
B. Trình duyệt sẽ hiển thị lỗi
C. Biểu mẫu sẽ không hiển thị các trường
D. Không thể gửi dữ liệu về máy chủ một cách chính xác
Trong quá trình tạo biểu mẫu trên trang web, thẻ <input> dùng để làm gì?
A. Gửi toàn bộ biểu mẫu đến máy chủ
B. Tạo đoạn văn bản mô tả trong biểu mẫu
C. Hiển thị hình ảnh minh họa trong biểu mẫu
D. Tạo ô nhập liệu để người dùng điền thông tin
Mục đích chính của việc chèn dữ liệu đa phương tiện vào trang web là:
Tăng tính trực quan, sinh động và thu hút người dùng
Giúp trang web nhiều nội dung văn bản hơn
Tăng dung lượng trang web để bảo mật cao hơn
Giảm thời gian tải trang
Khi muốn định dạng một phần tử HTML bằng CSS trực tiếp trong chính thẻ đó, ta dùng thuộc tính nào?
style
class
id
src
Vai trò chính của CSS trong việc xây dựng một trang web là:
Tạo và quản lý nội dung chính
Lưu trữ và xử lý dữ liệu người dùng
Định dạng và trình bày cách hiển thị nội dung HTML
Tăng tốc độ tải trang web bằng cách nén nội dung
Sử dụng thuộc tính margin trong CSS nhằm mục đích gì?
Thay đổi màu sắc của văn bản
Thay đổi kích thước font chữ
Tạo khoảng cách giữa các phần tử với nhau
Tạo khoảng cách giữa nội dung và viền phần tử
Thuộc tính bgcolor trong thẻ <body> dùng để làm gì?
Thiết lập màu chữ
Thiết lập màu nền của trang web
Thiết lập đường viền
Thiết lập font chữ
Thuộc tính nào trong thẻ <video> hiển thị các nút điều khiển phát/dừng/âm lượng?
controls
loop
autoplay
playback
Thuộc tính CSS nào dùng để căn giữa nội dung trong phần tử?
vertical-align
text-center
align-center
text-align
Thẻ HTML nào dùng để tạo biểu mẫu trên trang web?
A. <label>
B. <input>
C. <fieldset>
D. <form>
CSS viết tắt của cụm từ nào?
Colorful Style Sheets
Computer Style Sheets
Cascading Style Sheets
Creative Style Sheets
Đoạn mã CSS phù hợp để văn bản màu xanh lá, cỡ 18px, căn đều hai bên?
A. p { background-color: green; font-size:18px; text-align: justify; }
B. p { color:red; font-size:18px; text-align:center; }
C. p { color:green; font-size:18pt; text-align:justify; }
D. p { color:green; font-size:18px; text-align:justify; }
Đoạn mã chèn âm thanh vào trang web và cho phép người dùng điều khiển?
A. <audio src="song.mp3" controls></audio>
B. <audio src="song.mp3" autoplay></audio>
C. <audio src="song.mp3" muted></audio>
D. <audio src="song.mp3" loop></audio>
Vì sao nên tải video về và lưu cục bộ thay vì dùng link trực tiếp từ Internet?
Vì tài nguyên Internet thay đổi, gây lỗi hoặc ảnh hưởng trang web
Vì video online sẽ làm mất thuộc tính controls
Vì trình duyệt không cho phép chèn video online
Vì tệp video Internet không hỗ trợ thẻ
Vì sao nên dùng thẻ <label> kết hợp thuộc tính for trùng với id của <input>?
Tăng cường bảo mật dữ liệu nhập
Giúp tự động gửi biểu mẫu khi nhập vào nhãn
Giúp người dùng dễ hiểu và tương tác tốt hơn
Làm thay đổi kiểu dáng biểu mẫu
Thuộc tính CSS nào thay đổi kiểu chữ (font)?
font-type
font-family
font-style
text-align
Vai trò của thẻ <label> trong biểu mẫu HTML?
Tạo nút gửi dữ liệu
Hiển thị kết quả xử lý
Gắn nhãn cho các trường nhập liệu
Tạo đường viền cho biểu mẫu
Điều gì xảy ra nếu dùng thẻ <img> mà không có thuộc tính src?
Trình duyệt hiển thị thông báo lỗi
Trình duyệt không hiển thị gì và không có lỗi
Một hình ảnh rỗng hiện ra
Trình duyệt tự chèn ảnh bất kỳ
Lý do nên dùng CSS thay vì viết định dạng trực tiếp trong HTML?
Dễ dàng thay đổi kiểu dáng mà không sửa HTML
Nội dung rõ ràng hơn
Giảm kích thước hình ảnh
Tăng độ bảo mật trang
Thuộc tính alt trong thẻ <img> có vai trò gì?
Tự động căn giữa hình ảnh
Định dạng lại kích thước hình ảnh
Hiển thị văn bản thay thế khi ảnh lỗi
Làm ảnh phóng to khi nhấp vào
Đoạn mã video phát lặp lại và có điều khiển?
<video src="movie.mp4" muted></video>
<video src="movie.mp4" autoplay></video>
<video src="movie.mp4" controls loop></video>
<video src="movie.mp4" width="400"></video>
Trang web dùng <iframe> để hiển thị bản đồ Google Maps thể hiện tính chất nào của HTML?
Tương tác với hệ điều hành
Chống sao chép dữ liệu
Tái sử dụng nội dung từ nguồn khác
Khả năng lưu trữ dữ liệu
Vì sao đặt phần khai báo CSS trong thẻ <style> nằm ở <head> là đúng?
Để các quy tắc định dạng áp dụng ngay khi nội dung được tải
Vì <body> chỉ dành cho văn bản
Giúp tăng bảo mật file HTML
Vì trình duyệt không cho đặt CSS cuối trang
Thẻ <img> trong phần banner được dùng để chèn hình ảnh vào trang web.
Đúng
Sai
Để video có nút điều khiển, kỹ thuật viên có thể dùng thẻ:
<video src="video.mp4" controls></video>
Đúng
Sai
Thuộc tính name trong <input> giúp máy chủ xác định đúng dữ liệu được gửi từ biểu mẫu.
Đúng
Sai
Nếu biểu mẫu không ghi thuộc tính method="POST" thì dữ liệu sẽ tự động gửi theo phương thức POST.
Đúng
Sai
Đoạn mã color: blue; trong phần tử li có chức năng đổi màu chữ của từng mục trong danh sách sang màu xanh dương.
Đúng
Sai
Thuộc tính line-height: 1.5; làm tăng khoảng cách giữa các ký tự, không ảnh hưởng đến khoảng cách giữa các dòng văn bản.
Đúng
Sai
Khi Hà áp dụng text-align: left; cho li, điều này giúp toàn bộ nội dung văn bản bên trong mỗi mục danh sách được căn trái
Đúng
Sai
Nếu Hà muốn các mục danh sách có thêm khoảng cách giữa các chữ cái để tiêu đề trông nổi bật hơn, Hà có thể thêm letter-spacing: 2px; vào khối CSS li.
Đúng
Sai
