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

Media Queries cho phép các nhà phát triển web áp dụng các bộ quy tắc CSS có điều kiện, tùy thuộc vào các đặc tính của thiết bị người dùng (như kích thước viewport, hướng màn hình), là nền tảng của thiết kế web đáp ứng (responsive web design). Kết luận Lý giải Để áp dụng các kiểu CSS khác nhau dựa trên đặc điểm của thiết bị hiển thị, như chiều rộng màn hình hoặc độ phân giải.

Kế thừa là một cơ chế trong CSS theo đó các thuộc tính nhất định (ví dụ 'color', 'font-family') của một phần tử con sẽ mặc định lấy giá trị từ phần tử cha của nó, trừ khi được ghi đè một cách rõ ràng. Kết luận Lý giải Kế thừa (Inheritance).

Thuộc tính 'alt' cung cấp một mô tả văn bản cho hình ảnh, rất quan trọng cho khả năng truy cập (ví dụ trình đọc màn hình) và hiển thị khi hình ảnh không thể được tải. Kết luận Lý giải Cung cấp văn bản thay thế cho hình ảnh nếu hình ảnh không tải được hoặc cho người dùng sử dụng trình đọc màn hình.

Khi thuộc tính 'type' của thẻ 'input' được đặt là 'password', trình duyệt sẽ tự động ẩn các ký tự được nhập vào, thường hiển thị chúng dưới dạng dấu chấm hoặc dấu hoa thị để bảo vệ thông tin nhạy cảm. Kết luận Lý giải Giá trị 'password'.

Thuộc tính 'background-image' trong CSS cho phép bạn chỉ định một hoặc nhiều hình ảnh để sử dụng làm nền cho một phần tử. Kết luận Lý giải Thuộc tính 'background-image'.

Pseudo-class 'hover' được áp dụng cho một phần tử khi con trỏ chuột của người dùng đang trỏ vào (di chuột qua) phần tử đó, cho phép tạo hiệu ứng tương tác. Kết luận Lý giải Pseudo-class 'hover'.

Thuộc tính 'justify-content' của flex container xác định cách các flex item được phân bổ không gian dọc theo trục chính của container. Kết luận Lý giải Thuộc tính 'justify-content'.

Thuộc tính 'href' (hypertext reference) là bắt buộc đối với thẻ 'a' để tạo một siêu liên kết, nó chứa URL hoặc đoạn định danh của tài nguyên đích. Kết luận Lý giải Thuộc tính 'href'.

Thuộc tính 'grid-template-columns' trên grid container cho phép bạn xác định rõ ràng các rãnh cột (column tracks) của lưới, bao gồm số lượng cột và kích thước của chúng. Kết luận Lý giải Thuộc tính 'grid-template-columns'.

Thẻ 'tr' (table row) được sử dụng để nhóm các ô dữ liệu hoặc ô tiêu đề thành một hàng trong bảng HTML. Kết luận Lý giải Thẻ 'tr'.

Một phần tử được định vị tuyệt đối ('position' là 'absolute') sẽ được lấy ra khỏi luồng tài liệu thông thường và định vị dựa trên phần tử tổ tiên gần nhất có thuộc tính 'position' không phải là 'static' (mặc định); nếu không có tổ tiên nào như vậy, nó sẽ dựa trên khối chứa ban đầu (thường là thẻ 'html'). Kết luận Lý giải Phần tử cha gần nhất có thuộc tính 'position' khác 'static'.

Theo mặc định, các phần tử khối sẽ bắt đầu trên một dòng mới và mở rộng để lấp đầy chiều rộng của vùng chứa chúng, còn các phần tử nội dòng chỉ chiếm không gian cần thiết cho nội dung và không ngắt dòng. Kết luận Lý giải Phần tử khối luôn bắt đầu trên một dòng mới và chiếm toàn bộ chiều rộng có sẵn, trong khi phần tử nội dòng thì không.

Thẻ 'iframe' (inline frame) được sử dụng để nhúng một trang web hoặc tài liệu HTML khác vào trong trang HTML hiện tại, tạo ra một ngữ cảnh duyệt web lồng nhau. Kết luận Lý giải Để nhúng một tài liệu HTML khác vào bên trong tài liệu hiện tại.

Thẻ 'p' được thiết kế đặc biệt để chứa các khối văn bản, tạo thành các đoạn văn riêng biệt trong tài liệu HTML. Kết luận Lý giải Thẻ 'p'.

Thẻ 'header' thường chứa thông tin giới thiệu, tiêu đề, hoặc các yếu tố điều hướng cho một section hoặc toàn bộ trang, trong khi 'footer' thường chứa thông tin về tác giả, bản quyền, hoặc các liên kết liên quan ở cuối một section hoặc trang. Kết luận Lý giải Phần giới thiệu hoặc thông tin bổ trợ (như tiêu đề, điều hướng) cho phần nội dung chứa nó, và phần kết thúc hoặc thông tin meta (như tác giả, bản quyền) tương ứng.

Thuộc tính 'lang' trên thẻ 'html' chỉ định ngôn ngữ chính của văn bản trong tài liệu, thông tin này hữu ích cho công cụ tìm kiếm, trình đọc màn hình và các công nghệ hỗ trợ khác. Kết luận Lý giải Để khai báo ngôn ngữ tự nhiên chính của nội dung tài liệu cho trình duyệt và công cụ tìm kiếm.

Theo phân tích phổ biến, thẻ 'article' đại diện cho một mẩu nội dung hoàn chỉnh, độc lập và có thể tự phân phối (ví dụ bài đăng blog, tin tức), trong khi 'section' dùng để phân chia tài liệu thành các phần có chủ đề liên quan, giúp tổ chức cấu trúc nội dung. Kết luận Lý giải Thẻ 'article' dùng cho nội dung độc lập, có thể phân phối lại, còn 'section' dùng để nhóm nội dung theo chủ đề.

Thẻ 'ul' (unordered list) được dùng để tạo một danh sách mà các mục trong đó không theo một trình tự cụ thể và thường được hiển thị với các dấu đầu dòng. Kết luận Lý giải Thẻ 'ul'.

Thẻ 'label' được liên kết với một phần tử nhập liệu (thường là 'input') để cung cấp mô tả cho nó, và khi nhấp vào nhãn, tiêu điểm sẽ chuyển đến phần tử nhập liệu liên quan. Kết luận Lý giải Thẻ 'input'.

Vùng đệm (padding) là khoảng không gian trong suốt nằm giữa nội dung của phần tử và đường viền của nó. Kết luận Lý giải Vùng đệm (padding).

Thẻ 'nav' được thiết kế để bao quanh các khối liên kết điều hướng chính, giúp cải thiện cấu trúc ngữ nghĩa và khả năng truy cập của trang. Kết luận Lý giải Thẻ 'nav'.

Bộ chọn con trực tiếp (child combinator), thường được biểu thị bằng ký tự lớn hơn trong cú pháp CSS, chọn các phần tử là con ngay cấp dưới của một phần tử cha xác định. Kết luận Lý giải Một phần tử 'span' là con trực tiếp của một phần tử 'div'.

Thuộc tính 'z-index' chỉ định thứ tự xếp chồng của một phần tử được định vị và các hậu duệ của nó; một phần tử có giá trị 'z-index' lớn hơn thường sẽ hiển thị phía trên một phần tử có giá trị 'z-index' nhỏ hơn. Kết luận Lý giải Thuộc tính 'z-index'.

Theo hệ thống phân cấp độ đặc hiệu của CSS, kiểu nội tuyến (inline styles) có độ ưu tiên cao hơn so với các bộ chọn ID, class, hoặc thẻ, tuy nhiên, việc sử dụng từ khóa 'important' trên một khai báo CSS sẽ ghi đè cả kiểu nội tuyến (trừ khi kiểu nội tuyến cũng có 'important'). Trong các lựa chọn đưa ra không có 'important' như một loại quy tắc, kiểu nội tuyến là cao nhất. Kết luận Lý giải Kiểu nội tuyến (inline styles) được áp dụng trực tiếp trên phần tử HTML.

Đơ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ử hiện tại (nếu đặt cho font-size) hoặc của phần tử cha (cho các thuộc tính khác), trong khi 'px' là một đơn vị cố định đại diện cho một pixel trên màn hình. Kết luận Lý giải Đơn vị 'em' tương đối với kích thước phông chữ của chính phần tử đó hoặc của phần tử cha, trong khi 'px' là một giá trị tuyệt đối (pixel).

Thuộc tính 'font-weight' được sử dụng để kiểm soát độ đậm nhạt của phông chữ, với các giá trị như 'bold' hoặc các giá trị số (ví dụ 700) để làm cho văn bản đậm hơn. Kết luận Lý giải Thuộc tính 'font-weight'.

Cấu trúc chú thích trong HTML, thường có dạng mở đầu bằng dấu chấm than và hai dấu gạch nối và kết thúc bằng hai dấu gạch nối, được dùng để ghi chú trong mã nguồn mà không hiển thị trên trình duyệt và không ảnh hưởng đến cấu trúc trang. Kết luận Lý giải Để thêm ghi chú vào mã nguồn mà trình duyệt bỏ qua.

Khai báo DOCTYPE là một chỉ thị cho trình duyệt web về phiên bản HTML mà trang được viết, điều này giúp trình duyệt diễn giải và hiển thị trang một cách chính xác theo các tiêu chuẩn web. Kết luận Lý giải Để 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.

Theo quy tắc về độ đặc hiệu (specificity) trong CSS, một bộ chọn ID có trọng số cao hơn đáng kể so với một bộ chọn class, do đó quy tắc từ bộ chọn ID sẽ được ưu tiên áp dụng. Kết luận Lý giải Bộ chọn ID.

Thuộc tính 'color' trong CSS được dùng để thiết lập màu sắc cho nội dung văn bản của một phần tử. Kết luận Lý giải Thuộc tính 'color'.