Thực hành bộ trang có liên kết

Tải bộ ZIP, giải nén vào thư mục riêng rồi mở g12-html-b10/index.html. Bộ mẫu gồm bốn tệp HTML và một ảnh SVG, theo cây ở bài đường dẫn. Mở mã bằng trình soạn thảo văn bản thuần; lưu UTF-8 sau khi chỉnh. Nhiệm vụ là kiểm đường đi giữa các trang, rồi thêm một liên kết từ trang chủ tới mục Đọc sách trong thong_tin.html. Các trang và dữ liệu đều giả định. Liên kết bên trong bộ mẫu hoạt động mà không cần tài khoản hoặc kết nối Internet.

1. Từ index.html, thử ba liên kết danh sách tới trang thông tin, lịch riêng và nội quy. Trang nội quy ở dưới hai cấp thư mục. 2. Từ các trang con, thử liên kết Về trang chủ. Đối chiếu số cụm ../ với cấp thư mục đang đứng, không chép một đường dẫn về dùng cho mọi trang. 3. Trên trang chủ, thử Đến bảng lịch. Trong bảng, chọn tên Đọc sách hoặc Vẽ tranh để tới phần giới thiệu tương ứng dưới bảng; thử Về đầu trang. 4. Thêm đoạn mã dưới vào index.html, lưu và mở lại trang. Chọn liên kết phải tới đúng mục trong thong_tin.html. ```html <a href="thong_tin.html#doc-sach"> Đọc giới thiệu nhóm Đọc sách </a> ``` 5. Chọn ảnh Mở lịch để tới lịch riêng. Thử lại bộ mẫu sau khi chuyển nguyên thư mục sang một vị trí mới, giữ cấu trúc bên trong.

| Dấu hiệu | Phần cần kiểm | |---|---| | Không tìm thấy tệp đích |href, tên tệp/phần mở rộng, thư mục và số ../| | Mở được trang nhưng không tới mục |Phần # và id đúng trong tài liệu đích| | Ảnh bị lỗi nhưng liên kết vẫn chọn được |src, tệp ảnh và văn bản alt| | Chạy trên máy soạn nhưng người khác không mở được |Có dùng đường dẫn ổ đĩa riêng hoặc bỏ sót tệp khi chuyển không| Không sửa bằng cách xóa dấu # hoặc bớt ../ tùy ý. Xác định lại nơi đang đứng và nơi cần tới, rồi viết đường dẫn đúng quan hệ đó.