Liên kết nội bộ trong HTML
Ở bài học trước, chúng ta đã tạo các liên kết đến trang của website khác bằng cách sao chép địa chỉ của chúng từ thanh địa chỉ trình duyệt. Bây giờ giả sử bạn muốn liên kết các trang của chính website mình.
Trong trường hợp này, không thể sao chép địa chỉ của chúng từ thanh địa chỉ. Lý do là vì những địa chỉ như vậy sẽ chứa đường dẫn đầy đủ đến trang của bạn từ ổ đĩa gốc của máy tính bạn, và khi chuyển sang một thư mục khác, những liên kết như vậy sẽ đơn giản là bị hỏng.
Đối với các trang của website mình, nên thực hành
một cách tiếp cận khác. Hãy cùng tìm hiểu qua ví dụ. Giả sử
trong thư mục gốc của website bạn có đặt
tệp index.html và tệp page.html.
Hãy liên kết các tệp này. Để làm vậy, trong thuộc tính
href của liên kết chỉ cần viết
tên của các tệp đó (cùng phần mở rộng của chúng). Hãy cùng
thực hiện điều này.
Trên trang index.html, hãy tạo một liên kết
đến trang page.html:
<h1>Index</h1>
<a href="page.html">liên kết đến trang page</a>
Và trên trang page.html, hãy tạo một liên kết
đến trang index.html:
<h1>Page</h1>
<a href="index.html">liên kết đến trang index</a>
Hãy tạo ba trang HTML trong thư mục gốc của
website bạn. Đặt tên chúng là 1.html, 2.html,
3.html. Liên kết các trang này với nhau bằng các liên kết.
Cũng hãy tạo trang index.html.
Đặt trên đó các liên kết đến các trang 1.html,
2.html, 3.html.
Hãy sửa đổi bài tập trước sao cho
các liên kết được đặt trong danh sách ul.
