Bộ câu hỏi trắc nghiệm HTML và CSS online (Có đáp án) số 8 bao gồm nhiều câu hỏi về HTML và CSS. Cùng rèn luyện kiến thức HTML và CSS online số 8 ngay nhé.
1. Khi nào thuộc tính 'overflow' trong CSS trở nên hữu ích?
A. Khi bạn muốn văn bản tự động xuống dòng
B. Khi nội dung của một phần tử có kích thước cố định vượt quá không gian được cấp phát cho nó
C. Khi bạn muốn thay đổi độ trong suốt của một phần tử
D. Khi bạn muốn căn giữa một phần tử theo chiều ngang
2. Khái niệm 'inheritance' (kế thừa) trong CSS có nghĩa là gì?
A. Tất cả các phần tử HTML đều kế thừa mọi thuộc tính CSS từ phần tử body
B. Các phần tử con tự động nhận một số giá trị thuộc tính CSS từ phần tử cha của chúng, trừ khi được ghi đè
C. CSS không hỗ trợ kế thừa, mọi kiểu phải được áp dụng trực tiếp
D. Chỉ các thuộc tính liên quan đến màu sắc mới được kế thừa
3. Thuộc tính CSS nào cho phép bạn kiểm soát thứ tự xếp chồng của các phần tử được định vị (positioned elements)?
A. layer
B. overlap
C. z gạch nối index
D. stack gạch nối order
4. Nếu bạn muốn một phần tử HTML chiếm toàn bộ chiều rộng của phần tử cha và bắt đầu trên một dòng mới, bạn thường đặt thuộc tính 'display' của nó thành giá trị nào?
A. inline
B. inline gạch nối block
C. block
D. none
5. Sự khác biệt chính giữa đơn vị 'px' (pixel) và đơn vị '%' (phần trăm) trong CSS khi xác định kích thước là gì?
A. 'px' là tương đối còn '%' là tuyệt đối
B. 'px' luôn dựa trên kích thước phông chữ gốc, còn '%' dựa trên kích thước phần tử cha
C. 'px' là một đơn vị tuyệt đối (thường cố định), trong khi '%' là một đơn vị tương đối dựa trên kích thước của phần tử cha
D. Cả hai đều là đơn vị tương đối và hoạt động giống hệt nhau
6. Trong CSS, nếu một quy tắc sử dụng bộ chọn ID và một quy tắc khác sử dụng bộ chọn class cùng áp dụng cho cùng một thuộc tính của một phần tử, quy tắc từ bộ chọn nào thường sẽ có độ ưu tiên cao hơn, giả sử không có khai báo important?
A. Bộ chọn class
B. Bộ chọn ID
C. Bộ chọn xuất hiện sau cùng trong tệp CSS
D. Cả hai có độ ưu tiên như nhau
7. Thuộc tính CSS nào được sử dụng để thay đổi màu nền của một phần tử HTML?
A. color
B. background gạch nối image
C. background gạch nối color
D. text gạch nối color
8. Khi nào bạn nên sử dụng phần tử 'label' trong một biểu mẫu HTML?
A. Để tạo một nút gửi biểu mẫu
B. Để nhóm các trường nhập liệu liên quan
C. Để cung cấp một chú thích hoặc mô tả cho một trường nhập liệu, cải thiện khả năng truy cập
D. Để định kiểu trực quan cho toàn bộ biểu mẫu
9. Thuộc tính HTML nào được sử dụng trong phần tử 'input' để xác định loại dữ liệu người dùng có thể nhập (ví dụ như văn bản, mật khẩu, số)?
A. Thuộc tính kind
B. Thuộc tính datatype
C. Thuộc tính type
D. Thuộc tính format
10. Phần tử HTML nào được dùng để định nghĩa một hàng trong một bảng?
A. Phần tử td
B. Phần tử th
C. Phần tử table
D. Phần tử tr
11. Thành phần nào sau đây trong một tài liệu HTML thường chứa siêu dữ liệu về tài liệu đó, ví dụ như tiêu đề trang hoặc liên kết đến các tệp CSS, và không hiển thị trực tiếp trên trình duyệt?
A. phần tử body
B. phần tử footer
C. phần tử head
D. phần tử script
12. Giá trị nào của thuộc tính CSS 'display' làm cho một phần tử được hiển thị trên cùng một dòng với các phần tử lân cận và chỉ chiếm đủ chiều rộng cần thiết cho nội dung của nó?
A. block
B. inline
C. none
D. flex
13. Ngôn ngữ nào thường được sử dụng để mô tả cách trình bày và định dạng giao diện của các tài liệu được viết bằng HTML?
A. Python
B. JavaScript
C. HTML
D. CSS
14. Thuộc tính CSS 'font gạch nối family' được sử dụng để làm gì?
A. Để đặt kích thước của phông chữ
B. Để chỉ định danh sách ưu tiên các họ phông chữ cho văn bản
C. Để làm cho văn bản in đậm hoặc in nghiêng
D. Để thay đổi màu sắc của phông chữ
15. Việc sử dụng các phần tử HTML như 'article', 'aside', 'nav', và 'section' chủ yếu nhằm mục đích gì cho trang web?
A. Chỉ để thay đổi màu sắc và phông chữ
B. Tăng tốc độ thực thi JavaScript
C. Cung cấp ý nghĩa ngữ nghĩa cho cấu trúc nội dung
D. Tạo hiệu ứng động phức tạp
16. Thuộc tính CSS nào trong mô hình hộp (box model) được sử dụng để xác định khoảng không gian giữa nội dung của phần tử và đường viền (border) của nó?
A. margin
B. outline
C. padding
D. spacing
17. Một pseudo gạch nối class trong CSS, ví dụ như 'hover' hoặc 'focus', được sử dụng để làm gì?
A. Chèn nội dung động vào trang
B. Chọn các phần tử dựa trên vị trí của chúng trong cây DOM
C. Định kiểu cho một phần tử dựa trên một trạng thái cụ thể của nó
D. Thay thế hoàn toàn chức năng của JavaScript
18. Pseudo gạch nối element (ví dụ 'hai dấu hai chấm before' hoặc 'hai dấu hai chấm after') trong CSS cho phép bạn làm gì?
A. Thay đổi trạng thái của một phần tử hiện có
B. Chọn phần tử cha của một phần tử
C. Tạo kiểu cho một phần cụ thể của một phần tử hoặc chèn nội dung vào trước hoặc sau nội dung thực của một phần tử
D. Áp dụng kiểu chỉ khi người dùng tương tác với phần tử
19. Mục đích chính của việc sử dụng Media Queries trong CSS là gì?
A. Để truy vấn cơ sở dữ liệu từ phía máy khách
B. Để áp dụng các kiểu CSS khác nhau dựa trên các đặc điểm của thiết bị hiển thị, như chiều rộng màn hình
C. Để tối ưu hóa hình ảnh cho các kích thước màn hình khác nhau
D. Để thực thi mã JavaScript dựa trên loại trình duyệt
20. Thuộc tính CSS 'position' với giá trị 'absolute' sẽ định vị một phần tử như thế nào?
A. Tương đối với vị trí bình thường của nó trong luồng tài liệu
B. Tương đối với khung nhìn của trình duyệt
C. Tương đối với phần tử cha gần nhất có thuộc tính position khác static
D. Cố định tại một vị trí ngay cả khi cuộn trang
21. Trong CSS Flexbox, thuộc tính nào được sử dụng trên container cha để căn chỉnh các mục con dọc theo trục phụ (cross axis)?
A. justify gạch nối content
B. flex gạch nối direction
C. align gạch nối items
D. flex gạch nối wrap
22. Để tạo một danh sách không có thứ tự trong HTML, bạn nên sử dụng cặp phần tử nào?
A. Phần tử ol và phần tử li
B. Phần tử list và phần tử item
C. Phần tử dl và phần tử dt
D. Phần tử ul và phần tử li
23. Mục đích chính của việc khai báo DOCTYPE ở đầu tài liệu HTML là gì?
A. Để khai báo ngôn ngữ chính của tài liệu
B. Để thông báo cho trình duyệt biết phiên bản HTML đang được sử dụng và kích hoạt chế độ hiển thị chuẩn
C. Để liên kết đến một tệp CSS bên ngoài
D. Để định nghĩa bộ ký tự cho tài liệu
24. Thuộc tính 'text gạch nối align' trong CSS được sử dụng để làm gì?
A. Thay đổi phông chữ của văn bản
B. Căn chỉnh chiều dọc của văn bản trong một khối
C. Căn chỉnh chiều ngang của nội dung văn bản trong một phần tử khối
D. Đặt khoảng cách giữa các ký tự
25. Cách phổ biến và được khuyến nghị để áp dụng CSS cho một tài liệu HTML là gì?
A. Sử dụng các thuộc tính style trực tiếp trên từng phần tử HTML (inline styles)
B. Đặt các quy tắc CSS bên trong phần tử script
C. Liên kết đến một tệp CSS bên ngoài bằng phần tử link trong phần head
D. Nhúng mã CSS trực tiếp vào phần tử body
26. Trong CSS Grid Layout, thuộc tính nào được sử dụng trên container lưới để định nghĩa số lượng và kích thước của các cột lưới?
A. grid gạch nối template gạch nối rows
B. grid gạch nối auto gạch nối columns
C. grid gạch nối gap
D. grid gạch nối template gạch nối columns
27. Sự khác biệt cơ bản giữa phần tử 'div' và phần tử 'span' trong HTML là gì?
A. Phần tử 'div' dùng cho văn bản, 'span' dùng cho hình ảnh
B. Phần tử 'div' là phần tử inline mặc định, 'span' là phần tử block mặc định
C. Phần tử 'div' là phần tử block mặc định (tạo ra một khối riêng), 'span' là phần tử inline mặc định (nằm trên cùng một dòng)
D. Không có sự khác biệt, chúng có thể dùng thay thế cho nhau
28. Trong HTML, thuộc tính nào của phần tử img cung cấp văn bản thay thế khi hình ảnh không thể hiển thị, đồng thời hỗ trợ khả năng truy cập?
A. source
B. description
C. title
D. alt
29. Trong CSS, đơn vị 'em' khi dùng để xác định kích thước phông chữ thường dựa trên yếu tố nào?
A. Kích thước phông chữ của phần tử gốc (html)
B. Kích thước phông chữ của phần tử cha trực tiếp
C. Một giá trị cố định được trình duyệt xác định
D. Chiều rộng của khung nhìn (viewport)
30. Phần tử HTML nào được sử dụng để tạo một siêu liên kết đến một trang web hoặc tài nguyên khác?
A. Phần tử link
B. Phần tử nav
C. Phần tử a
D. Phần tử url