Bộ 30+ câu hỏi trắc nghiệm HTML và CSS online – Bộ số 10

0

Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!!

Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!!


HTML, CSS và Javascript

Bộ 10 - Bộ câu hỏi trắc nghiệm HTML và CSS online (Có đáp án)

Bộ câu hỏi trắc nghiệm HTML và CSS online (Có đáp án) số 10 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ố 10 ngay nhé.

1. Giá trị nào của thuộc tính 'box-sizing' trong CSS làm cho chiều rộng và chiều cao của một phần tử bao gồm cả padding và border, thay vì chỉ tính nội dung?

A. Giá trị border-box
B. Giá trị content-box
C. Giá trị padding-box
D. Giá trị inherit

2. Thẻ HTML nào được sử dụng để tạo một danh sách không có thứ tự, thường hiển thị với các dấu đầu dòng?

A. Thẻ ol
B. Thẻ ul
C. Thẻ dl
D. Thẻ li

3. Trong HTML, thẻ nào được sử dụng để chứa các thông tin meta về tài liệu, chẳng hạn như tiêu đề trang hoặc liên kết đến CSS?

A. Thẻ body
B. Thẻ script
C. Thẻ head
D. Thẻ footer

4. Trong một container Flexbox, thuộc tính CSS nào được sử dụng để căn chỉnh các mục con dọc theo trục chính (main axis) của container?

A. Thuộc tính align-items
B. Thuộc tính justify-content
C. Thuộc tính align-content
D. Thuộc tính flex-direction

5. Để tạo kiểu đặc biệt cho chữ cái đầu tiên của một đoạn văn bản, chẳng hạn như làm cho nó lớn hơn và có màu khác, bộ chọn giả phần tử (pseudo-element) CSS nào được sử dụng?

A. Bộ chọn giả phần tử first-line
B. Bộ chọn giả lớp first-child
C. Thuộc tính text-indent
D. Bộ chọn giả phần tử first-letter

6. Thành phần nào đóng vai trò là gốc của mọi tài liệu HTML, bao bọc tất cả các nội dung khác?

A. Thẻ body
B. Thẻ html
C. Thẻ head
D. Thẻ title

7. Trong một biểu mẫu HTML, để yêu cầu người dùng nhập địa chỉ email và cho phép trình duyệt thực hiện xác thực cơ bản, giá trị nào của thuộc tính 'type' cho thẻ 'input' là phù hợp nhất?

A. Giá trị text cho thuộc tính type
B. Giá trị email cho thuộc tính type
C. Giá trị url cho thuộc tính type
D. Giá trị search cho thuộc tính type

8. Khi sử dụng hình ảnh làm nền cho một phần tử HTML, thuộc tính CSS nào kiểm soát việc hình ảnh nền có lặp lại hay không và lặp lại như thế nào?

A. Thuộc tính background-image
B. Thuộc tính background-position
C. Thuộc tính background-size
D. Thuộc tính background-repeat

9. Để áp dụng một kiểu CSS cho nhiều phần tử HTML khác nhau mà không phụ thuộc vào loại thẻ, người ta thường sử dụng loại bộ chọn nào bắt đầu bằng một dấu chấm?

A. Bộ chọn ID (ID selector)
B. Bộ chọn lớp (class selector)
C. Bộ chọn thẻ (type selector)
D. Bộ chọn thuộc tính (attribute selector)

10. Trong một bảng HTML, thẻ nào được sử dụng để định nghĩa một ô tiêu đề, thường được hiển thị khác biệt so với các ô dữ liệu thông thường?

A. Thẻ td
B. Thẻ tr
C. Thẻ th
D. Thẻ thead

11. Thẻ HTML nào được giới thiệu trong HTML5 để xác định nội dung chính, độc nhất của một tài liệu hoặc ứng dụng?

A. Thẻ article
B. Thẻ section
C. Thẻ main
D. Thẻ div

12. Để định nghĩa các giá trị có thể tái sử dụng trong toàn bộ tệp CSS, giúp quản lý và thay đổi kiểu dáng dễ dàng hơn, kỹ thuật nào sử dụng cú pháp với hai dấu gạch nối ở đầu tên biến?

A. Quy tắc @import
B. Hàm calc()
C. Thuộc tính tùy chỉnh CSS (CSS Custom Properties hay Biến CSS)
D. Bộ chọn kế thừa (Inheritance)

13. Thuộc tính CSS nào được sử dụng để chỉ định danh sách các phông chữ ưu tiên cho văn bản trong một phần tử?

A. Thuộc tính font-size
B. Thuộc tính font-weight
C. Thuộc tính font-family
D. Thuộc tính text-decoration

14. Thuộc tính CSS nào dùng để tạo khoảng trống bên trong đường viền của một phần tử, giữa đường viền và nội dung của phần tử đó?

A. Thuộc tính margin
B. Thuộc tính padding
C. Thuộc tính border
D. Thuộc tính outline

15. Khi muốn nhóm một hình ảnh, biểu đồ hoặc đoạn mã với một chú thích liên quan, cặp thẻ HTML5 nào thường được sử dụng để đảm bảo tính ngữ nghĩa?

A. Thẻ div và thẻ span
B. Thẻ img và thẻ p
C. Thẻ figure và thẻ figcaption
D. Thẻ section và thẻ aside

16. Để nhúng một tệp CSS bên ngoài vào tài liệu HTML, thẻ nào thường được đặt bên trong phần tử 'head'?

A. Thẻ style
B. Thẻ link với rel là stylesheet
C. Thẻ script
D. Thẻ import

17. Để lưu trữ thông tin tùy chỉnh riêng tư cho trang hoặc ứng dụng web, mà không nhằm mục đích ảnh hưởng đến cách trình bày hoặc hành vi mặc định, loại thuộc tính HTML nào có tiền tố 'data-' được sử dụng?

A. Thuộc tính id
B. Thuộc tính dữ liệu tùy chỉnh (custom data attributes)
C. Thuộc tính class
D. Thuộc tính role

18. Thẻ HTML nào cho phép nhúng một tài liệu HTML khác vào bên trong tài liệu hiện tại, tạo ra một ngữ cảnh duyệt web lồng nhau?

A. Thẻ embed
B. Thẻ object
C. Thẻ frame
D. Thẻ iframe

19. Khai báo nào thường đứng ở dòng đầu tiên của một tài liệu HTML5 để thông báo cho trình duyệt rằng đây là một tài liệu HTML tiêu chuẩn?

A. Thẻ html lang bằng en
B. Thẻ meta charset bằng UTF-8
C. Khai báo DOCTYPE html
D. Thẻ title

20. Thẻ HTML5 nào được thiết kế đặc biệt để nhóm các liên kết điều hướng chính của một trang web hoặc một phần của trang?

A. Thẻ menu
B. Thẻ aside
C. Thẻ header
D. Thẻ nav

21. Thuộc tính CSS nào cho phép thay đổi cách viết hoa của văn bản, ví dụ như chuyển tất cả thành chữ hoa hoặc chữ thường?

A. Thuộc tính font-variant
B. Thuộc tính text-transform
C. Thuộc tính letter-spacing
D. Thuộc tính text-decoration

22. Thuộc tính CSS nào được sử dụng để điều chỉnh mức độ trong suốt của một phần tử, với giá trị từ 0 (hoàn toàn trong suốt) đến 1 (hoàn toàn mờ đục)?

A. Thuộc tính visibility
B. Thuộc tính display với giá trị none
C. Thuộc tính opacity
D. Màu RGBA với kênh alpha

23. Khi một phần tử tương tác (như một nút chỉ có biểu tượng) không có nội dung văn bản rõ ràng, thuộc tính WAI-ARIA nào có thể được sử dụng để cung cấp một nhãn mô tả cho trình đọc màn hình?

A. Thuộc tính title
B. Thuộc tính aria-label
C. Thuộc tính role
D. Thuộc tính data-tooltip

24. Bộ chọn giả lớp (pseudo-class) CSS nào được sử dụng để áp dụng kiểu cho một phần tử khi người dùng di chuột qua nó?

A. Bộ chọn giả lớp active
B. Bộ chọn giả lớp focus
C. Bộ chọn giả lớp visited
D. Bộ chọn giả lớp hover

25. Thuộc tính nào của thẻ img trong HTML cung cấp văn bản thay thế cho hình ảnh, quan trọng cho khả năng truy cập và SEO?

A. Thuộc tính src
B. Thuộc tính title
C. Thuộc tính alt
D. Thuộc tính href

26. Để tạo một hệ thống layout phức tạp và linh hoạt trong CSS hiện đại, giá trị nào của thuộc tính 'display' thường được ưu tiên sử dụng cho phần tử cha chứa các mục con?

A. Giá trị inline-block
B. Giá trị block
C. Giá trị flex hoặc grid
D. Giá trị table

27. Trong CSS, nếu một phần tử HTML có cả một định danh ID và một lớp CSS, quy tắc nào thường có độ ưu tiên cao hơn khi áp dụng kiểu?

A. Quy tắc định nghĩa bằng bộ chọn lớp
B. Quy tắc được khai báo sau cùng trong tệp CSS
C. Không có quy tắc nào ưu tiên hơn
D. Quy tắc định nghĩa bằng bộ chọn ID

28. Để tạo một siêu liên kết trong HTML, thuộc tính nào của thẻ a được sử dụng để chỉ định URL đích của liên kết?

A. Thuộc tính href
B. Thuộc tính src
C. Thuộc tính target
D. Thuộc tính rel

29. Kỹ thuật CSS nào cho phép áp dụng các kiểu khác nhau dựa trên đặc điểm của thiết bị hiển thị, chẳng hạn như chiều rộng màn hình, để tạo ra thiết kế đáp ứng (responsive design)?

A. Bộ chọn thuộc tính (Attribute selectors)
B. Biến tùy chỉnh CSS (CSS Custom Properties)
C. Truy vấn phương tiện (Media Queries)
D. Hàm calc() trong CSS

30. Để thuộc tính 'z-index' trong CSS có hiệu lực và kiểm soát thứ tự xếp chồng của một phần tử, thuộc tính 'position' của phần tử đó thường cần được đặt thành giá trị nào khác ngoài 'static'?

A. Chỉ giá trị absolute
B. Chỉ giá trị static
C. Một giá trị khác static như relative, absolute, fixed, hoặc sticky
D. Bất kỳ giá trị nào của position

1 / 30

Xem thêm:  Bộ 30+ câu hỏi trắc nghiệm Tạo danh sách (List) trong HTML

1. Giá trị nào của thuộc tính 'box-sizing' trong CSS làm cho chiều rộng và chiều cao của một phần tử bao gồm cả padding và border, thay vì chỉ tính nội dung?

2 / 30

2. Thẻ HTML nào được sử dụng để tạo một danh sách không có thứ tự, thường hiển thị với các dấu đầu dòng?

3 / 30

3. Trong HTML, thẻ nào được sử dụng để chứa các thông tin meta về tài liệu, chẳng hạn như tiêu đề trang hoặc liên kết đến CSS?

4 / 30

4. Trong một container Flexbox, thuộc tính CSS nào được sử dụng để căn chỉnh các mục con dọc theo trục chính (main axis) của container?

5 / 30

5. Để tạo kiểu đặc biệt cho chữ cái đầu tiên của một đoạn văn bản, chẳng hạn như làm cho nó lớn hơn và có màu khác, bộ chọn giả phần tử (pseudo-element) CSS nào được sử dụng?

6 / 30

6. Thành phần nào đóng vai trò là gốc của mọi tài liệu HTML, bao bọc tất cả các nội dung khác?

7 / 30

7. Trong một biểu mẫu HTML, để yêu cầu người dùng nhập địa chỉ email và cho phép trình duyệt thực hiện xác thực cơ bản, giá trị nào của thuộc tính 'type' cho thẻ 'input' là phù hợp nhất?

8 / 30

8. Khi sử dụng hình ảnh làm nền cho một phần tử HTML, thuộc tính CSS nào kiểm soát việc hình ảnh nền có lặp lại hay không và lặp lại như thế nào?

9 / 30

9. Để áp dụng một kiểu CSS cho nhiều phần tử HTML khác nhau mà không phụ thuộc vào loại thẻ, người ta thường sử dụng loại bộ chọn nào bắt đầu bằng một dấu chấm?

10 / 30

10. Trong một bảng HTML, thẻ nào được sử dụng để định nghĩa một ô tiêu đề, thường được hiển thị khác biệt so với các ô dữ liệu thông thường?

11 / 30

11. Thẻ HTML nào được giới thiệu trong HTML5 để xác định nội dung chính, độc nhất của một tài liệu hoặc ứng dụng?

12 / 30

12. Để định nghĩa các giá trị có thể tái sử dụng trong toàn bộ tệp CSS, giúp quản lý và thay đổi kiểu dáng dễ dàng hơn, kỹ thuật nào sử dụng cú pháp với hai dấu gạch nối ở đầu tên biến?

13 / 30

13. Thuộc tính CSS nào được sử dụng để chỉ định danh sách các phông chữ ưu tiên cho văn bản trong một phần tử?

14 / 30

14. Thuộc tính CSS nào dùng để tạo khoảng trống bên trong đường viền của một phần tử, giữa đường viền và nội dung của phần tử đó?

15 / 30

15. Khi muốn nhóm một hình ảnh, biểu đồ hoặc đoạn mã với một chú thích liên quan, cặp thẻ HTML5 nào thường được sử dụng để đảm bảo tính ngữ nghĩa?

16 / 30

16. Để nhúng một tệp CSS bên ngoài vào tài liệu HTML, thẻ nào thường được đặt bên trong phần tử 'head'?

17 / 30

17. Để lưu trữ thông tin tùy chỉnh riêng tư cho trang hoặc ứng dụng web, mà không nhằm mục đích ảnh hưởng đến cách trình bày hoặc hành vi mặc định, loại thuộc tính HTML nào có tiền tố 'data-' được sử dụng?

18 / 30

18. Thẻ HTML nào cho phép nhúng một tài liệu HTML khác vào bên trong tài liệu hiện tại, tạo ra một ngữ cảnh duyệt web lồng nhau?

19 / 30

19. Khai báo nào thường đứng ở dòng đầu tiên của một tài liệu HTML5 để thông báo cho trình duyệt rằng đây là một tài liệu HTML tiêu chuẩn?

20 / 30

21 / 30

21. Thuộc tính CSS nào cho phép thay đổi cách viết hoa của văn bản, ví dụ như chuyển tất cả thành chữ hoa hoặc chữ thường?

22 / 30

22. Thuộc tính CSS nào được sử dụng để điều chỉnh mức độ trong suốt của một phần tử, với giá trị từ 0 (hoàn toàn trong suốt) đến 1 (hoàn toàn mờ đục)?

23 / 30

23. Khi một phần tử tương tác (như một nút chỉ có biểu tượng) không có nội dung văn bản rõ ràng, thuộc tính WAI-ARIA nào có thể được sử dụng để cung cấp một nhãn mô tả cho trình đọc màn hình?

24 / 30

24. Bộ chọn giả lớp (pseudo-class) CSS nào được sử dụng để áp dụng kiểu cho một phần tử khi người dùng di chuột qua nó?

25 / 30

25. Thuộc tính nào của thẻ img trong HTML cung cấp văn bản thay thế cho hình ảnh, quan trọng cho khả năng truy cập và SEO?

26 / 30

26. Để tạo một hệ thống layout phức tạp và linh hoạt trong CSS hiện đại, giá trị nào của thuộc tính 'display' thường được ưu tiên sử dụng cho phần tử cha chứa các mục con?

27 / 30

27. Trong CSS, nếu một phần tử HTML có cả một định danh ID và một lớp CSS, quy tắc nào thường có độ ưu tiên cao hơn khi áp dụng kiểu?

28 / 30

28. Để tạo một siêu liên kết trong HTML, thuộc tính nào của thẻ a được sử dụng để chỉ định URL đích của liên kết?

29 / 30

29. Kỹ thuật CSS nào cho phép áp dụng các kiểu khác nhau dựa trên đặc điểm của thiết bị hiển thị, chẳng hạn như chiều rộng màn hình, để tạo ra thiết kế đáp ứng (responsive design)?

30 / 30

30. Để thuộc tính 'z-index' trong CSS có hiệu lực và kiểm soát thứ tự xếp chồng của một phần tử, thuộc tính 'position' của phần tử đó thường cần được đặt thành giá trị nào khác ngoài 'static'?

Xếp hạng bài viết

Võ Việt Hoàng SEO

Xin chào! Tôi là Võ Việt Hoàng (Võ Việt Hoàng SEO) là một SEOer, Founder SEO Genz – Cộng Đồng Học Tập SEO, Tác giả của Voviethoang.top (Blog cá nhân của Võ Việt Hoàng - Trang chuyên chia sẻ các kiến thức về SEO, Marketing cùng với các mẹo, thủ thuật hay,...)

Bài Viết Cùng Chủ Đề