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

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

1. Trong HTML, phần tử nào thường được sử dụng để định nghĩa một tiêu đề cấp một, thường là tiêu đề chính của trang hoặc một phần nội dung?

A. Phần tử p
B. Phần tử h1
C. Phần tử div
D. Phần tử span

2. Lớp giả (pseudo-class) nào trong CSS cho phép bạn áp dụng kiểu cho một phần tử khi con trỏ chuột di chuyển qua nó?

A. Lớp giả active
B. Lớp giả focus
C. Lớp giả hover
D. Lớp giả visited

3. Phần tử meta nào trong HTML thường được sử dụng để khai báo bộ ký tự (character set) cho tài liệu, ví dụ như UTF gạch nối 8?

A. Phần tử meta với thuộc tính name là description
B. Phần tử meta với thuộc tính charset
C. Phần tử meta với thuộc tính http gạch nối equiv là content gạch nối type
D. Phần tử meta với thuộc tính name là viewport

4. Làm thế nào để viết một chú thích (comment) trong tài liệu HTML mà trình duyệt sẽ bỏ qua khi hiển thị trang?

A. Bắt đầu bằng hai dấu gạch chéo và kết thúc ở cuối dòng
B. Bao quanh bởi dấu nhỏ hơn, dấu chấm than, hai dấu gạch nối ở đầu và hai dấu gạch nối, dấu lớn hơn ở cuối
C. Bao quanh bởi dấu gạch chéo và dấu sao ở đầu, và dấu sao và dấu gạch chéo ở cuối
D. Sử dụng thẻ comment với nội dung chú thích bên trong

5. Phần tử HTML nào thường được sử dụng để nhóm một tập hợp các liên kết điều hướng trên trang web?

A. Phần tử header
B. Phần tử nav
C. Phần tử menu
D. Phần tử footer

6. Trong HTML, thuộc tính nào của thẻ img 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 title
B. Thuộc tính src
C. Thuộc tính description
D. Thuộc tính alt

7. So sánh giữa đơn vị 'em' và 'px' trong CSS, phát biểu nào sau đây là chính xác nhất về 'em'?

A. Đơn vị em luôn có kích thước cố định, không phụ thuộc vào phần tử cha
B. Đơn vị em là một đơn vị tuyệt đối, tương tự như milimet
C. Đơn vị em là một đơn vị tương đối, thường dựa trên kích thước phông chữ của phần tử cha hoặc của chính phần tử đó
D. Đơn vị em chỉ được sử dụng để xác định lề và không dùng cho kích thước phông chữ

8. Phần tử HTML nào được sử dụng để tạo một danh sách không có thứ tự (danh sách với các dấu đầu dòng)?

A. Phần tử ol
B. Phần tử li
C. Phần tử dl
D. Phần tử ul

9. Để tạo một ô tiêu đề trong bảng HTML, bạn nên sử dụng phần tử nào?

A. Phần tử td
B. Phần tử tr
C. Phần tử th
D. Phần tử caption

10. Trong một biểu mẫu HTML, loại (type) nào của phần tử input được thiết kế đặc biệt để người dùng nhập địa chỉ email và thường có sẵn các cơ chế kiểm tra định dạng email cơ bản?

A. Loại text
B. Loại email
C. Loại url
D. Loại search

11. Giá trị 'relative' của thuộc tính 'position' trong CSS có ý nghĩa gì đối với một phần tử?

A. Phần tử được định vị tuyệt đối so với cửa sổ trình duyệt
B. Phần tử được định vị tương đối so với vị trí bình thường của nó trong luồng tài liệu
C. Phần tử được loại bỏ hoàn toàn khỏi luồng tài liệu
D. Phần tử được cố định tại một vị trí trên màn hình khi cuộn trang

12. Để thay đổi màu chữ của một đoạn văn bản trong CSS, bạn sẽ sử dụng thuộc tính nào?

A. Thuộc tính background gạch nối color
B. Thuộc tính font gạch nối style
C. Thuộc tính text gạch nối decoration
D. Thuộc tính color

13. Thuộc tính nào trong HTML có thể được thêm vào các phần tử biểu mẫu (ví dụ như input, button) để ngăn người dùng tương tác với chúng?

A. Thuộc tính readonly
B. Thuộc tính hidden
C. Thuộc tính disabled
D. Thuộc tính locked

14. Thuộc tính CSS nào kiểm soát thứ tự xếp chồng (stacking order) của các phần tử được định vị (positioned elements)?

A. Thuộc tính display
B. Thuộc tính visibility
C. Thuộc tính z gạch nối index
D. Thuộc tính float

15. Thuộc tính nào trong HTML được sử dụng để chỉ định ngôn ngữ của nội dung trong một phần tử hoặc toàn bộ tài liệu?

A. Thuộc tính charset
B. Thuộc tính region
C. Thuộc tính lang
D. Thuộc tính hreflang

16. Phần tử HTML nào mang tính ngữ nghĩa, thường được dùng để chứa một mẩu nội dung độc lập, hoàn chỉnh và có thể phân phối lại được, ví dụ như một bài đăng blog hoặc một bình luận?

A. Phần tử div
B. Phần tử section
C. Phần tử article
D. Phần tử aside

17. Trong HTML, thuộc tính nào của thẻ img được dùng để chỉ định đường dẫn đến tập tin hình ảnh?

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

18. Để một liên kết HTML mở trong một tab hoặc cửa sổ trình duyệt mới, bạn nên sử dụng giá trị nào cho thuộc tính 'target' của thẻ a?

A. Giá trị gạch dưới self
B. Giá trị gạch dưới blank
C. Giá trị gạch dưới parent
D. Giá trị gạch dưới top

19. Trong CSS, bộ chọn nào được sử dụng để chọn một phần tử là con trực tiếp của một phần tử khác (ví dụ chọn tất cả các phần tử p là con trực tiếp của một div)?

A. Bộ chọn con cháu (descendant combinator, ví dụ div dấu cách p)
B. Bộ chọn anh em liền kề (adjacent sibling combinator, ví dụ div dấu cộng p)
C. Bộ chọn con trực tiếp (child combinator, ví dụ div dấu lớn hơn p, được diễn tả bằng lời)
D. Bộ chọn anh em tổng quát (general sibling combinator, ví dụ div dấu ngã p)

20. 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ị inline gạch nối block
C. Giá trị block
D. Giá trị none

21. Mục đích chính của việc sử dụng truy vấn media (media queries) trong CSS là gì?

A. Để áp dụng các kiểu chữ khác nhau dựa trên ngôn ngữ của người dùng
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ị, chẳng hạn như chiều rộng màn hình
C. Để tối ưu hóa hình ảnh cho các tốc độ kết nối mạng khác nhau
D. Để kiểm tra tính hợp lệ của mã CSS

22. Thuộc tính CSS nào được sử dụng để chỉ định họ phông chữ (font family) cho văn bản?

A. Thuộc tính font gạch nối style
B. Thuộc tính font gạch nối weight
C. Thuộc tính font gạch nối family
D. Thuộc tính text gạch nối transform

23. Xét về độ ưu tiên (specificity) trong CSS, quy tắc nào sau đây thường có độ ưu tiên cao nhất khi áp dụng kiểu cho một phần tử?

A. Quy tắc sử dụng bộ chọn tên thẻ (ví dụ p)
B. Quy tắc sử dụng bộ chọn lớp (ví dụ dấu chấm classname)
C. Quy tắc sử dụng bộ chọn ID (ví dụ dấu thăng idname)
D. Quy tắc kế thừa từ phần tử cha

24. 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 chính (main axis)?

A. Thuộc tính align gạch nối items
B. Thuộc tính justify gạch nối content
C. Thuộc tính flex gạch nối direction
D. Thuộc tính align gạch nối content

25. Mục đích chính của việc khai báo DOCTYPE ở đầu một tài liệu HTML là gì?

A. Để khai báo ngôn ngữ của tài liệu
B. Để liên kết với một tệp CSS bên ngoài
C. Để thông báo cho trình duyệt biết phiên bản HTML nào đang được sử dụng và kích hoạt chế độ hiển thị chuẩn
D. Để định nghĩa tiêu đề của trang web sẽ hiển thị trên tab trình duyệt

26. Trong CSS, ký hiệu nào được sử dụng ở đầu một bộ chọn để chỉ định một phần tử HTML thông qua giá trị thuộc tính id của nó?

A. Dấu chấm
B. Dấu thăng
C. Dấu sao
D. Không có ký hiệu đặc biệt, chỉ tên thẻ

27. Hiện tượng nào trong CSS mô tả việc một số thuộc tính CSS của phần tử con tự động nhận giá trị từ phần tử cha của nó, nếu không được khai báo tường minh?

A. Tính đặc hiệu (Specificity)
B. Tính kế thừa (Inheritance)
C. Tính thácلال (Cascading)
D. Mô hình hộp (Box Model)

28. Trong mô hình hộp (box model) của CSS, thuộc tính nào xác định khoảng không gian giữa nội dung của phần tử và đường viền của nó?

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

29. Khi làm việc với CSS Grid Layout, thuộc tính nào được sử dụng trên grid container để xác định khoảng cách giữa các hàng và cột của lưới?

A. Thuộc tính grid gạch nối template gạch nối areas
B. Thuộc tính margin
C. Thuộc tính padding
D. Thuộc tính gap (hoặc grid gạch nối gap, row gạch nối gap, column gạch nối gap)

30. Để hiển thị các nút điều khiển mặc định (như play, pause, volume) cho một video HTML5, bạn cần thêm thuộc tính nào vào thẻ video?

A. Thuộc tính autoplay
B. Thuộc tính loop
C. Thuộc tính controls
D. Thuộc tính muted

1 / 30

Xem thêm:  30+ câu hỏi trắc nghiệm Thuộc tính Màu sắc, Nền trong CSS

1. Trong HTML, phần tử nào thường được sử dụng để định nghĩa một tiêu đề cấp một, thường là tiêu đề chính của trang hoặc một phần nội dung?

2 / 30

2. Lớp giả (pseudo-class) nào trong CSS cho phép bạn áp dụng kiểu cho một phần tử khi con trỏ chuột di chuyển qua nó?

3 / 30

3. Phần tử meta nào trong HTML thường được sử dụng để khai báo bộ ký tự (character set) cho tài liệu, ví dụ như UTF gạch nối 8?

4 / 30

4. Làm thế nào để viết một chú thích (comment) trong tài liệu HTML mà trình duyệt sẽ bỏ qua khi hiển thị trang?

5 / 30

5. Phần tử HTML nào thường được sử dụng để nhóm một tập hợp các liên kết điều hướng trên trang web?

6 / 30

6. Trong HTML, thuộc tính nào của thẻ img 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?

7 / 30

7. So sánh giữa đơn vị 'em' và 'px' trong CSS, phát biểu nào sau đây là chính xác nhất về 'em'?

8 / 30

8. Phần tử HTML nào được sử dụng để tạo một danh sách không có thứ tự (danh sách với các dấu đầu dòng)?

9 / 30

9. Để tạo một ô tiêu đề trong bảng HTML, bạn nên sử dụng phần tử nào?

10 / 30

10. Trong một biểu mẫu HTML, loại (type) nào của phần tử input được thiết kế đặc biệt để người dùng nhập địa chỉ email và thường có sẵn các cơ chế kiểm tra định dạng email cơ bản?

11 / 30

11. Giá trị 'relative' của thuộc tính 'position' trong CSS có ý nghĩa gì đối với một phần tử?

12 / 30

12. Để thay đổi màu chữ của một đoạn văn bản trong CSS, bạn sẽ sử dụng thuộc tính nào?

13 / 30

13. Thuộc tính nào trong HTML có thể được thêm vào các phần tử biểu mẫu (ví dụ như input, button) để ngăn người dùng tương tác với chúng?

14 / 30

14. Thuộc tính CSS nào kiểm soát thứ tự xếp chồng (stacking order) của các phần tử được định vị (positioned elements)?

15 / 30

15. Thuộc tính nào trong HTML được sử dụng để chỉ định ngôn ngữ của nội dung trong một phần tử hoặc toàn bộ tài liệu?

16 / 30

16. Phần tử HTML nào mang tính ngữ nghĩa, thường được dùng để chứa một mẩu nội dung độc lập, hoàn chỉnh và có thể phân phối lại được, ví dụ như một bài đăng blog hoặc một bình luận?

17 / 30

17. Trong HTML, thuộc tính nào của thẻ img được dùng để chỉ định đường dẫn đến tập tin hình ảnh?

18 / 30

18. Để một liên kết HTML mở trong một tab hoặc cửa sổ trình duyệt mới, bạn nên sử dụng giá trị nào cho thuộc tính 'target' của thẻ a?

19 / 30

19. Trong CSS, bộ chọn nào được sử dụng để chọn một phần tử là con trực tiếp của một phần tử khác (ví dụ chọn tất cả các phần tử p là con trực tiếp của một div)?

20 / 30

20. 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?

21 / 30

21. Mục đích chính của việc sử dụng truy vấn media (media queries) trong CSS là gì?

22 / 30

22. Thuộc tính CSS nào được sử dụng để chỉ định họ phông chữ (font family) cho văn bản?

23 / 30

23. Xét về độ ưu tiên (specificity) trong CSS, quy tắc nào sau đây thường có độ ưu tiên cao nhất khi áp dụng kiểu cho một phần tử?

24 / 30

24. 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 chính (main axis)?

25 / 30

25. Mục đích chính của việc khai báo DOCTYPE ở đầu một tài liệu HTML là gì?

26 / 30

26. Trong CSS, ký hiệu nào được sử dụng ở đầu một bộ chọn để chỉ định một phần tử HTML thông qua giá trị thuộc tính id của nó?

27 / 30

27. Hiện tượng nào trong CSS mô tả việc một số thuộc tính CSS của phần tử con tự động nhận giá trị từ phần tử cha của nó, nếu không được khai báo tường minh?

28 / 30

28. Trong mô hình hộp (box model) của CSS, thuộc tính nào xác định khoảng không gian giữa nội dung của phần tử và đường viền của nó?

29 / 30

29. Khi làm việc với CSS Grid Layout, thuộc tính nào được sử dụng trên grid container để xác định khoảng cách giữa các hàng và cột của lưới?

30 / 30

30. Để hiển thị các nút điều khiển mặc định (như play, pause, volume) cho một video HTML5, bạn cần thêm thuộc tính nào vào thẻ video?

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