Bài tập tại lớp - Buổi 3: Selector nâng cao và liên kết nâng cao

Xem đề bài

Sản phẩm: "Trang giới thiệu học phần Nền tảng Web" được tổ chức lại thành cấu trúc thư mục nhiều cấp, hoàn thiện qua 7 bước tương ứng với 7 yêu cầu của bài tập tại lớp.

  1. Bước 1 - Tổ chức lại thư mục Chuyển sang cấu trúc: thư mục gốc chứa index.html, pages/ chứa trang con, assets/ chứa ảnh và CSS.
  2. Bước 2 - Sửa lại đường dẫn Rà soát và sửa đúng toàn bộ đường dẫn lùi cấp/tiến cấp sau khi đổi cấu trúc thư mục, kèm bảng ánh xạ đường dẫn.
  3. Bước 3 - Menu điều hướng dùng chung Menu giống nhau ở mọi trang, có hiệu ứng hover và làm nổi bật trạng thái trang đang xem.
  4. Bước 4 - Selector quan hệ Dùng nav a và #gioi-thieu > p để định dạng đúng nhóm phần tử mong muốn.
  5. Bước 5 - Pseudo-class theo vị trí Tô màu xen kẽ hàng bảng bằng :nth-child, thay cho cách gán class thủ công ở buổi 2.
  6. Bước 6 - Pseudo-element trang trí Chèn ký hiệu trang trí trước tiêu đề mỗi section bằng ::before.
  7. Bước 7 - Đáp án hoàn chỉnh Bổ sung target="_blank" cho các liên kết ra tài nguyên bên ngoài. Đây là bản hoàn chỉnh cuối cùng, gộp toàn bộ 7 yêu cầu. (Đáp án minh họa - tài liệu giáo viên, không phát cho người học)