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

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ộ 4 - 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ố 4 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ố 4 ngay nhé.

1. Trong một bảng HTML, thẻ nào được sử dụng để định nghĩa một ô dữ liệu tiêu chuẩn?

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

2. Theo khuyến nghị phổ biến, vị trí nào trong tài liệu HTML thường được ưu tiên để đặt các thẻ 'script' liên kết đến tệp JavaScript nhằm tối ưu hóa việc hiển thị nội dung trang ban đầu?

A. Bên trong thẻ head
B. Ngay trước thẻ đóng body
C. Ngay sau thẻ mở body
D. Bên ngoài thẻ html

3. Để hiển thị ký tự 'nhỏ hơn' như một phần của văn bản trên trang HTML thay vì được hiểu là bắt đầu một thẻ, bạn nên sử dụng cách nào?

A. Đặt ký tự đó trong dấu ngoặc kép
B. Sử dụng thực thể ký tự HTML tương ứng (ví dụ ampersand lt semicolon)
C. Viết tên ký tự bằng tiếng Anh, ví dụ 'less than sign'
D. Sử dụng một thẻ HTML đặc biệt để bao bọc ký tự đó

4. Thuộc tính nào của thẻ 'a' trong HTML được sử dụng để chỉ định đích của một siêu liên kết?

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

5. Trong mô hình hộp của CSS, thuộc tính nào xác định khoảng không gian giữa đường viền của một phần tử và các phần tử lân cận?

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

6. Để tạo một danh sách không có thứ tự trong HTML, bạn nên sử dụng cặp thẻ nào?

A. Thẻ ol và thẻ li
B. Thẻ ul và thẻ li
C. Thẻ dl, thẻ dt và thẻ dd
D. Thẻ list và thẻ item

7. Trong CSS, nếu một khai báo thuộc tính có sử dụng từ khóa biểu thị sự quan trọng (thường được viết là dấu chấm than important), nó sẽ ảnh hưởng đến độ ưu tiên của quy tắc đó như thế nào so với các quy tắc khác không sử dụng từ khóa này?

A. Nó không có ảnh hưởng đến độ ưu tiên, chỉ là một gợi ý cho trình duyệt
B. Nó chỉ có tác dụng nếu quy tắc đó có độ đặc hiệu thấp nhất
C. Nó sẽ ghi đè lên hầu hết các quy tắc khác, kể cả những quy tắc có độ đặc hiệu cao hơn
D. Nó làm giảm độ ưu tiên của quy tắc đó so với các quy tắc nội tuyến (inline styles)

8. Trong HTML5, loại 'input' nào được thiết kế đặc biệt để người dùng nhập địa chỉ email và thường có sẵn các tính năng kiểm tra định dạng cơ bản?

A. Loại input có type là text
B. Loại input có type là url
C. Loại input có type là email
D. Loại input có type là search

9. Trong CSS Grid Layout, thuộc tính nào được sử dụng trên vùng chứa lưới (grid container) để định nghĩa số lượng và kích thước của các cột trong lưới?

A. Thuộc tính grid-template-rows
B. Thuộc tính grid-template-columns
C. Thuộc tính grid-gap
D. Thuộc tính grid-auto-flow

10. Đơn vị 'em' trong CSS là một đơn vị đo lường tương đối, nó thường dựa trên kích thước nào?

A. Chiều rộng của khung nhìn trình duyệt
B. Kích thước phông chữ của phần tử cha hoặc của chính phần tử đó
C. Một pixel vật lý trên màn hình
D. Chiều cao của ký tự 'x' trong phông chữ hiện tại

11. Việc sử dụng các thẻ HTML mang ý nghĩa ngữ nghĩa như 'article' hay 'nav' thay vì chỉ dùng 'div' mang lại lợi ích chính nào sau đây?

A. Tăng tốc độ tải trang lên gấp đôi
B. Cho phép nhúng video dễ dàng hơn
C. Cải thiện khả năng tiếp cận và SEO
D. Giảm kích thước tệp HTML đáng kể

12. Trong CSS hiện đại, cú pháp nào được sử dụng để khai báo một biến (custom property) có thể tái sử dụng trong toàn bộ tài liệu hoặc một phạm vi cụ thể?

A. Sử dụng ký hiệu đô la ở đầu tên biến (ví dụ đô la main gạch nối color)
B. Sử dụng hai dấu gạch nối ở đầu tên biến (ví dụ hai gạch nối main gạch nối color)
C. Sử dụng từ khóa 'var' theo sau là tên biến trong dấu ngoặc đơn
D. Sử dụng ký hiệu @ ở đầu tên biến (ví dụ @main gạch nối color)

13. Kỹ thuật 'Media Queries' trong CSS3 chủ yếu được sử dụng cho mục đích 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 tùy thuộc vào đặc điểm của thiết bị hiển thị (ví dụ kích thước màn hình)
C. Tạo hoạt ảnh phức tạp cho các phần tử HTML
D. Kiểm tra lỗi cú pháp trong mã CSS

14. Trong CSS, một 'pseudo-class' (lớp giả) được sử dụng để làm gì?

A. Tạo ra một lớp CSS mới hoàn toàn
B. Nhúng mã JavaScript trực tiếp vào CSS
C. Định kiểu cho một trạng thái đặc biệt của một phần tử
D. Thay thế hoàn toàn chức năng của bộ chọn ID

15. Thành phần nào trong một tài liệu HTML thường chứa các thông tin mô tả về trang web mà không hiển thị trực tiếp trên trình duyệt?

A. Thành phần body
B. Thành phần head
C. Một đoạn văn bản bất kỳ
D. Thành phần footer

16. Thẻ HTML5 nào sau đây được thiết kế để chứa nội dung độc lập, có thể phân phối hoặc tái sử dụng riêng biệt, ví dụ như một bài đăng blog hoặc một bình luận?

A. Thẻ section
B. Thẻ aside
C. Thẻ article
D. Thẻ header

17. Khai báo DOCTYPE ở đầu tài liệu HTML có vai trò quan trọng nhất là gì?

A. Xác định ngôn ngữ chính của trang web
B. Tải các tệp CSS bên ngoài
C. Thông báo cho trình duyệt rằng tài liệu là HTML5 và kích hoạt chế độ hiển thị chuẩn
D. Mã hóa ký tự cho tài liệu

18. Khi có nhiều quy tắc CSS cùng áp dụng cho một phần tử HTML, yếu tố nào sau đây thường có độ ưu tiên cao nhất trong việc xác định kiểu sẽ được áp dụng, không tính đến việc sử dụng từ khóa 'important'?

A. Bộ chọn theo tên thẻ (element selector)
B. Kiểu nội tuyến (inline style)
C. Bộ chọn theo lớp (class selector)
D. Bộ chọn theo định danh (ID selector)

19. Trong CSS, ký hiệu nào thường được sử dụng ở đầu một bộ chọn để nhắm mục tiêu một phần tử HTML duy nhất dựa trên định danh của nó?

A. Tên thẻ trực tiếp
B. Ký hiệu dấu chấm
C. Ký hiệu dấu thăng
D. Ký hiệu dấu sao

20. Thuộc tính 'z-index' trong CSS được sử dụng để kiểm soát yếu tố nào của các phần tử được định vị?

A. Độ trong suốt của phần tử
B. Thứ tự xếp chồng theo chiều sâu (trục z)
C. Khoảng cách từ lề trái của trang
D. Chiều cao tối đa của phần tử

21. Trong mô hình Flexbox của CSS, thuộc tính 'justify-content' được sử dụng để làm gì?

A. Căn chỉnh các mục con dọc theo trục chéo (cross axis)
B. Xác định hướng của trục chính (main axis)
C. Căn chỉnh các mục con dọc theo trục chính của vùng chứa flex
D. Cho phép các mục con xuống dòng nếu không đủ không gian

22. Trong HTML, làm thế nào để bạn viết một chú thích mà trình duyệt sẽ bỏ qua và không hiển thị?

A. Bằng cách đặt nội dung giữa hai dấu gạch chéo kép
B. Bằng cách sử dụng thẻ 'comment'
C. Bằng cách đặt nội dung giữa dấu nhỏ hơn dấu chấm than hai gạch nối và hai gạch nối dấu lớn hơn
D. Bằng cách đặt nội dung sau một dấu thăng

23. Thuộc tính 'controls' khi được thêm vào thẻ 'video' hoặc 'audio' trong HTML5 có tác dụng gì?

A. Tự động phát media khi trang được tải
B. Hiển thị các nút điều khiển mặc định của trình duyệt cho media
C. Lặp lại media sau khi phát xong
D. Tắt tiếng media theo mặc định

24. Giá trị nào của thuộc tính 'display' trong CSS làm cho một phần tử chiếm toàn bộ chiều rộng có sẵn và bắt đầu trên một dòng mới?

A. Giá trị inline
B. Giá trị none
C. Giá trị inline-block
D. Giá trị block

25. Phương pháp nào sau đây KHÔNG phải là một cách hợp lệ để xác định màu sắc trong CSS?

A. Sử dụng tên màu tiếng Anh như 'red' hoặc 'blue'
B. Sử dụng mã thập lục phân như thăng F F zero zero zero zero
C. Sử dụng một số thứ tự tùy ý như 'color number 15'
D. Sử dụng hàm rgb với ba giá trị số từ zero đến 255

26. Trong một biểu mẫu HTML, thẻ nào được sử dụng để tạo một nút gửi dữ liệu biểu mẫu đến máy chủ?

A. Thẻ label
B. Thẻ input với type là submit hoặc thẻ button với type là submit
C. Thẻ fieldset
D. Thẻ textarea

27. Để thay đổi kiểu chữ của văn bản thành chữ nghiêng trong CSS, bạn thường sử dụng thuộc tính 'font-style' với giá trị nào?

A. Giá trị bold
B. Giá trị italic
C. Giá trị underline
D. Giá trị normal

28. Thuộc tính 'box-sizing' với giá trị 'border-box' trong CSS thay đổi cách tính toán kích thước của một phần tử như thế nào?

A. Chỉ có padding được tính vào chiều rộng và chiều cao, border thì không
B. Chiều rộng và chiều cao đã khai báo sẽ bao gồm cả padding và border
C. Chỉ có border được tính vào chiều rộng và chiều cao, padding thì không
D. Padding và border sẽ được tính thêm ra ngoài chiều rộng và chiều cao đã khai báo

29. Thuộc tính 'aria-label' trong HTML được sử dụng với mục đích chính nào liên quan đến khả năng tiếp cận?

A. Định nghĩa một vùng có thể kéo thả trên trang
B. Ẩn một phần tử khỏi công nghệ hỗ trợ
C. Cung cấp một nhãn văn bản dễ tiếp cận cho một phần tử khi không có nhãn trực quan
D. Tạo một liên kết đến tài liệu trợ giúp về ARIA

30. Thuộc tính 'alt' trong thẻ 'img' của HTML có mục đích chính là gì?

A. Xác định chiều rộng của hình ảnh
B. Cung cấp văn bản thay thế mô tả hình ảnh
C. Liên kết hình ảnh đến một URL khác
D. Thay đổi màu sắc của hình ảnh

2 / 30

2. Theo khuyến nghị phổ biến, vị trí nào trong tài liệu HTML thường được ưu tiên để đặt các thẻ 'script' liên kết đến tệp JavaScript nhằm tối ưu hóa việc hiển thị nội dung trang ban đầu?

3 / 30

3. Để hiển thị ký tự 'nhỏ hơn' như một phần của văn bản trên trang HTML thay vì được hiểu là bắt đầu một thẻ, bạn nên sử dụng cách nào?

4 / 30

4. Thuộc tính nào của thẻ 'a' trong HTML được sử dụng để chỉ định đích của một siêu liên kết?

5 / 30

5. Trong mô hình hộp của CSS, thuộc tính nào xác định khoảng không gian giữa đường viền của một phần tử và các phần tử lân cận?

6 / 30

6. Để tạo một danh sách không có thứ tự trong HTML, bạn nên sử dụng cặp thẻ nào?

7 / 30

7. Trong CSS, nếu một khai báo thuộc tính có sử dụng từ khóa biểu thị sự quan trọng (thường được viết là dấu chấm than important), nó sẽ ảnh hưởng đến độ ưu tiên của quy tắc đó như thế nào so với các quy tắc khác không sử dụng từ khóa này?

8 / 30

9 / 30

9. Trong CSS Grid Layout, thuộc tính nào được sử dụng trên vùng chứa lưới (grid container) để định nghĩa số lượng và kích thước của các cột trong lưới?

10 / 30

10. Đơn vị 'em' trong CSS là một đơn vị đo lường tương đối, nó thường dựa trên kích thước nào?

11 / 30

11. Việc sử dụng các thẻ HTML mang ý nghĩa ngữ nghĩa như 'article' hay 'nav' thay vì chỉ dùng 'div' mang lại lợi ích chính nào sau đây?

12 / 30

12. Trong CSS hiện đại, cú pháp nào được sử dụng để khai báo một biến (custom property) có thể tái sử dụng trong toàn bộ tài liệu hoặc một phạm vi cụ thể?

13 / 30

13. Kỹ thuật 'Media Queries' trong CSS3 chủ yếu được sử dụng cho mục đích gì?

14 / 30

14. Trong CSS, một 'pseudo-class' (lớp giả) được sử dụng để làm gì?

15 / 30

15. Thành phần nào trong một tài liệu HTML thường chứa các thông tin mô tả về trang web mà không hiển thị trực tiếp trên trình duyệt?

16 / 30

16. Thẻ HTML5 nào sau đây được thiết kế để chứa nội dung độc lập, có thể phân phối hoặc tái sử dụng riêng biệt, ví dụ như một bài đăng blog hoặc một bình luận?

17 / 30

17. Khai báo DOCTYPE ở đầu tài liệu HTML có vai trò quan trọng nhất là gì?

18 / 30

18. Khi có nhiều quy tắc CSS cùng áp dụng cho một phần tử HTML, yếu tố nào sau đây thường có độ ưu tiên cao nhất trong việc xác định kiểu sẽ được áp dụng, không tính đến việc sử dụng từ khóa 'important'?

19 / 30

19. Trong CSS, ký hiệu nào thường được sử dụng ở đầu một bộ chọn để nhắm mục tiêu một phần tử HTML duy nhất dựa trên định danh của nó?

20 / 30

20. Thuộc tính 'z-index' trong CSS được sử dụng để kiểm soát yếu tố nào của các phần tử được định vị?

21 / 30

21. Trong mô hình Flexbox của CSS, thuộc tính 'justify-content' được sử dụng để làm gì?

22 / 30

22. Trong HTML, làm thế nào để bạn viết một chú thích mà trình duyệt sẽ bỏ qua và không hiển thị?

23 / 30

23. Thuộc tính 'controls' khi được thêm vào thẻ 'video' hoặc 'audio' trong HTML5 có tác dụng gì?

24 / 30

24. Giá trị nào của thuộc tính 'display' trong CSS làm cho một phần tử chiếm toàn bộ chiều rộng có sẵn và bắt đầu trên một dòng mới?

25 / 30

25. Phương pháp nào sau đây KHÔNG phải là một cách hợp lệ để xác định màu sắc trong CSS?

26 / 30

26. Trong một biểu mẫu HTML, thẻ nào được sử dụng để tạo một nút gửi dữ liệu biểu mẫu đến máy chủ?

27 / 30

27. Để thay đổi kiểu chữ của văn bản thành chữ nghiêng trong CSS, bạn thường sử dụng thuộc tính 'font-style' với giá trị nào?

28 / 30

28. Thuộc tính 'box-sizing' với giá trị 'border-box' trong CSS thay đổi cách tính toán kích thước của một phần tử như thế nào?

29 / 30

29. Thuộc tính 'aria-label' trong HTML được sử dụng với mục đích chính nào liên quan đến khả năng tiếp cận?

30 / 30

30. Thuộc tính 'alt' trong thẻ 'img' của HTML có mục đích chính là gì?

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ủ Đề