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

CSS Grid Layout cung cấp một cơ chế dựa trên lưới hai chiều (hàng và cột) để thiết kế và sắp xếp các phần tử trên trang web, đơn giản hóa việc tạo các bố cục phức tạp. Kết luận Lý giải: tạo và quản lý các bố cục trang web dựa trên lưới hai chiều (hàng và cột)

Giá trị 'space-between' của thuộc tính 'justify-content' trong Flexbox sẽ phân bố các flex item đều nhau trên trục chính, với item đầu tiên ở điểm bắt đầu, item cuối cùng ở điểm kết thúc, và khoảng trống còn lại được chia đều giữa các item. Kết luận Lý giải: các item được phân bố đều, item đầu sát lề đầu, item cuối sát lề cuối, khoảng trống chia đều ở giữa

Khai báo '!DOCTYPE html' đảm bảo rằng trình duyệt diễn giải trang web ở chế độ tuân thủ tiêu chuẩn (standards mode), thay vì chế độ tương thích ngược (quirks mode) có thể gây ra lỗi hiển thị. Kết luận Lý giải: để trình duyệt diễn giải trang ở chế độ tuân thủ tiêu chuẩn hiện đại

Giá trị '_blank' cho thuộc tính 'target' của thẻ 'a' chỉ thị cho trình duyệt mở tài liệu được liên kết trong một cửa sổ hoặc tab mới. Kết luận Lý giải: mở liên kết trong một cửa sổ hoặc tab mới của trình duyệt

Đơn vị 'em' trong CSS là một đơn vị tương đối, kích thước của nó được tính dựa trên kích thước phông chữ (font-size) của phần tử cha hoặc của chính phần tử đó. Kết luận Lý giải: kích thước phông chữ của phần tử cha hoặc chính phần tử đó

Thẻ 'figure' được dùng để bao bọc nội dung độc lập như hình ảnh, sơ đồ, hoặc đoạn mã, trong khi thẻ 'figcaption' cung cấp một chú thích hoặc tiêu đề cho nội dung bên trong 'figure' đó. Kết luận Lý giải: bao bọc một nội dung độc lập (như hình ảnh) và cung cấp chú thích cho nó

Khai báo 'meta charset="UTF-8"' chỉ định bộ mã ký tự được sử dụng cho tài liệu HTML là UTF-8, một bộ mã hóa phổ biến hỗ trợ rộng rãi các ký tự quốc tế. Kết luận Lý giải: khai báo bộ mã hóa ký tự của tài liệu là UTF-8, hỗ trợ ký tự quốc tế

Một phần tử với 'position' là 'fixed' được định vị tương đối với khung nhìn (viewport) của trình duyệt, nghĩa là nó sẽ giữ nguyên vị trí ngay cả khi trang được cuộn. Kết luận Lý giải: khung nhìn (viewport) của trình duyệt

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

Theo đặc tả HTML, thẻ 'html' là phần tử bao ngoài cùng và là gốc của mọi tài liệu HTML hợp lệ, chứa đựng các thẻ 'head' và 'body'. Kết luận Lý giải: thẻ 'html'

Với 'box-sizing' là 'border-box', các giá trị 'width' và 'height' được áp dụng cho phần tử sẽ bao gồm cả vùng đệm (padding) và đường viền (border), chứ không chỉ riêng nội dung. Kết luận Lý giải: nội dung, vùng đệm (padding) và đường viền (border)

Thuộc tính 'z-index' chỉ định thứ tự xếp chồng (stack order) của các phần tử đã được định vị (có 'position' khác 'static'), cho phép kiểm soát phần tử nào sẽ hiển thị phía trên phần tử khác khi chúng chồng lấp. Kết luận Lý giải: thứ tự xếp chồng (stack order) của chúng trên trục Z (độ sâu)

Lớp giả 'hover' trong CSS cho phép áp dụng các kiểu định dạng đặc biệt cho một phần tử khi con trỏ chuột của người dùng di chuyển qua phần tử đó. Kết luận Lý giải: áp dụng kiểu cho một phần tử khi người dùng di chuột qua nó

Kế thừa trong CSS là cơ chế mà theo đó 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ác giá trị đó được ghi đè một cách rõ ràng. Kết luận Lý giải: các phần tử con tự động nhận một số giá trị thuộc tính từ phần tử cha của chúng

Việc sử dụng 'type' là 'email' cho thẻ 'input' cung cấp một trường nhập liệu tối ưu hóa cho địa chỉ email, bao gồm xác thực phía máy khách cơ bản và giao diện người dùng phù hợp trên thiết bị di động. Kết luận Lý giải: giá trị 'email'

Thẻ 'ul' (unordered list) được sử dụng để định nghĩa một danh sách không có thứ tự, và mỗi mục trong danh sách được bao bọc bởi thẻ 'li' (list item). Kết luận Lý giải: thẻ 'ul' cho danh sách và thẻ 'li' cho mỗi mục

Media queries cho phép áp dụng các khối 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 khung nhìn, độ phân giải, hoặc hướng màn hình, giúp tạo ra các thiết kế đáp ứng (responsive 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ị (ví dụ kích thước màn hình)

Thuộc tính 'method' trong thẻ 'form' chỉ định phương thức HTTP (thường là GET hoặc POST) sẽ được sử dụng khi gửi dữ liệu biểu mẫu đến máy chủ. Kết luận Lý giải: phương thức HTTP được sử dụng để gửi dữ liệu biểu mẫu

Các thẻ HTML5 ngữ nghĩa giúp mô tả rõ ràng hơn cấu trúc và ý nghĩa của nội dung trang web, cải thiện khả năng tiếp cận, SEO và sự dễ hiểu của mã nguồn. Kết luận Lý giải: cải thiện cấu trúc ngữ nghĩa, khả năng tiếp cận và SEO cho trang web

Bộ chọn ID trong CSS sử dụng ký hiệu dấu thăng (hash) theo sau là giá trị của thuộc tính 'id' để định kiểu cho một phần tử cụ thể. Kết luận Lý giải: ký hiệu dấu thăng (hash)

Phần tử giả 'hai-dấu-hai-chấm-before' và 'hai-dấu-hai-chấm-after' cho phép chèn nội dung (thường là trang trí hoặc bổ sung) vào trước hoặc sau nội dung thực tế của một phần tử, và nội dung này có thể được tạo kiểu bằng CSS. Kết luận Lý giải: chèn nội dung được tạo kiểu bằng CSS vào trước hoặc sau nội dung của một phần tử

Mô hình hộp CSS tiêu chuẩn xác định rằng các lớp bao quanh nội dung của một phần tử theo thứ tự từ trong ra ngoài là vùng đệm (padding), đường viền (border), và lề (margin). Kết luận Lý giải: Nội dung, Vùng đệm (Padding), Đường viền (Border), Lề (Margin)

Trong mã màu thập lục phân sáu chữ số, hai chữ số đầu tiên đại diện cho thành phần màu đỏ, hai chữ số tiếp theo cho màu xanh lá, và hai chữ số cuối cho màu xanh dương; do đó, ff0000 (đỏ tối đa, xanh lá và xanh dương tối thiểu) biểu thị màu đỏ tươi. Kết luận Lý giải: màu đỏ tươi

Chú thích trong HTML được tạo bằng cách bắt đầu với một dấu chấm than và hai dấu gạch nối, theo sau là nội dung chú thích, và kết thúc bằng hai dấu gạch nối. Kết luận Lý giải: bắt đầu bằng dấu chấm than và hai dấu gạch nối, kết thúc bằng hai dấu gạch nối

Phần tử 'block' chiếm toàn bộ chiều rộng có sẵn và bắt đầu trên một dòng mới, trong khi phần tử 'inline' chỉ chiếm chiều rộng cần thiết và không ngắt dòng. Kết luận Lý giải: phần tử 'block' bắt đầu trên dòng mới và chiếm toàn bộ chiều rộng, còn 'inline' thì không

Trong HTML, thẻ 'tr' (table row) được sử dụng để định nghĩa một hàng của bảng, và thẻ 'td' (table data) được sử dụng để định nghĩa một ô dữ liệu trong hàng đó. Kết luận Lý giải: thẻ 'tr' cho hàng và thẻ 'td' cho ô dữ liệu

Thuộc tính tùy chỉnh CSS được định nghĩa bằng tiền tố hai dấu gạch nối (ví dụ 'hai-gạch-nối-ten-bien') và được tham chiếu bằng cách sử dụng hàm 'var()' với tên biến đó làm đối số (ví dụ 'var(hai-gạch-nối-ten-bien)'). Kết luận Lý giải: hàm 'var()'

Theo quy tắc về độ ưu tiên (specificity) trong CSS, kiểu nội dòng (inline style) có độ ưu tiên cao nhất, tiếp theo là bộ chọn ID, rồi đến các bộ chọn lớp/thuộc tính/lớp giả, và cuối cùng là bộ chọn phần tử/phần tử giả. Kết luận Lý giải: kiểu nội dòng (inline style) được định nghĩa trực tiếp trên phần tử

Thuộc tính ARIA giúp cải thiện khả năng tiếp cận của nội dung web, đặc biệt là với các ứng dụng web động và các widget tùy chỉnh, bằng cách cung cấp thêm thông tin ngữ nghĩa cho các công nghệ hỗ trợ. Kết luận Lý giải: tăng cường khả năng tiếp cận của nội dung web cho người dùng công nghệ hỗ trợ

Từ khóa 'important' khi được thêm vào một khai báo CSS sẽ làm cho khai báo đó có độ ưu tiên cao nhất, ghi đè lên hầu hết các khai báo khác bất kể độ đặc hiệu (specificity) hay thứ tự nguồn. Kết luận Lý giải: làm cho quy tắc đó có độ ưu tiên cao nhất, ghi đè các quy tắc khác