Up5me
Trang chủ > Câu hỏi lẻ > MavTDDQ9b6Th

Đề bài

Bạn B tạo một bảng danh sách học sinh và muốn bảng được định dạng đẹp, đồng thời khi thực hiện các thao tác với con trỏ chuột trên bảng sẽ hiển thị các hiệu ứng giúp ngừi xem tập chung chú ý. Bạn B đã việt một khai báo CSS và một đoạn code HTML như sau:

Sau đây là các nhận định về cách trình duyệt web sẽ hiển thị đoạn code HTML

Sau đây là các nhận định về cách trình duyệt web sẽ hiển thị đoạn code HTML trên.

1. Tất cả các văn bản thuộc dòng tiêu đề đầu tiên của bảng đều được tô đậm.
2. Khi di chuyển chuột trên các dòng của bảng (ngoại trừ dòng tiêu đề., màu nền của dòng sẽ được đổi sang màu xám (#f5f5f5..
3. Vì bảng không chứa siêu liên kết nên yếu tố active không được trình duyệt web xử lí.
4. Khi nhấn giữ chuột vào một nội dung trên bảng, toàn bộ ô chứa nội dung sẽ được đổi màu nền sang màu xám (#ddd..
Đáp án đúng: 1Đ, 2S, 3S, 4Đ

Xem lời giải

Phương pháp giải

Lời giải chi tiết

Chúng ta sẽ lần lượt phân tích từng nhận định để xác định tính đúng sai:

  1. Nhận định 1: "Tất cả các văn bản thuộc dòng tiêu đề đầu tiên của bảng đều được tô đậm."
    - Theo chuẩn HTML, các thẻ th (table header) mặc định có dạng chữ in đậm.
    - Nhận định này là đúng.
  2. Nhận định 2: "Khi di chuyển chuột trên các dòng của bảng (ngoại trừ dòng tiêu đề), màu nền của dòng sẽ được đổi sang màu xám (#f5f5f5)."
    - Theo CSS được khai báo, thuộc tính tr:hover xác định rằng khi di chuột lên một hàng (trừ dòng tiêu đề không được áp dụng do thiếu quy định cụ thể), màu nền sẽ chuyển thành #f5f5f5.
    - Nhận định này là đúng.
  3. Nhận định 3: "Vì bảng không chứa siêu liên kết nên yếu tố active không được trình duyệt web xử lí."
    - Thuộc tính td:active vẫn có thể được xử lí khi một ô trong bảng được nhấn giữ (active pseudo-class áp dụng cho bất kỳ phần tử nào đang trong trạng thái hoạt động, không chỉ siêu liên kết).
    - Nhận định này là sai.
  4. Nhận định 4: "Khi nhấn giữ chuột vào một nội dung trên bảng, toàn bộ ô chứa nội dung sẽ được đổi màu nền sang màu xám (#ddd)."
    - CSS có định nghĩa td:active để đổi màu nền thành #ddd khi ô được nhấn giữ.
    - Nhận định này là đúng.

Chú ý khi giải

  • Nắm vững cách hoạt động của các pseudo-classes như :hover:active để có thể xác định chính xác các hiệu ứng khi thao tác với các thành phần HTML.
  • Nhớ rằng thẻ th có mặc định là chữ in đậm (bold).
  • Hiểu rõ rằng những thuộc tính CSS có thể áp dụng cho các thành phần bất kỳ, không chỉ siêu liên kết (a).