./ link file trong html
Liên kết là gì?Liên kết được dùng để chuyển sang một trang web khác (hoặc một nguồn tài nguyên khác như: hình ảnh, video, file nhạc,....) Show Liên kết có thể được đại diện bởi:
Cách tạo một liên kếtĐể tạo một liên kết, ta sử dụng cú pháp dưới đây:
Trong đó:
Xem ví dụ Đường dẫn tuyệt đối, đường dẫn tương đốiMột liên kết được xác định bởi một đường dẫn (đường dẫn hay còn được biết đến như một địa chỉ trang web). Đường dẫn được chia làm hai loại:
Ví dụ:
Hai liên kết dưới đây đều được dùng để chuyển đến trang http://webcoban.vn/html/default.html
Xem ví dụ Cách xác định đường dẫn tương đốiTôi có một bài thực hành để giúp bạn hiểu được cách xác định đường dẫn tương đối. Vào ổ đĩa D tạo một thư mục có tên là laptrinhweb. Vào thư mục laptrinhweb, lần lượt tạo các thư mục và tập tin như sau:
Ví dụ 1: Giả sử bạn đang ở trang1.html muốn đến trang2.html thì đường đi sẽ là:
Ví dụ 2: Giả sử bạn đang ở trang1.html muốn đến trang6.html thì đường đi sẽ là:
Ví dụ 3: Giả sử bạn đang ở trang4.html muốn đến trang2.html thì đường đi sẽ là:
Ví dụ 4: Giả sử bạn đang ở trang4.html muốn đến trang8.html thì đường đi sẽ là:
Ví dụ 5: Giả sử bạn đang ở trang5.html muốn đến trang6.html thì đường đi sẽ là:
Ví dụ 6: Giả sử bạn đang ở trang3.html muốn đến trang4.html thì đường đi sẽ là:
Ví dụ 7: Giả sử bạn đang ở trang1.html muốn đến trang8.html thì đường đi sẽ là:
Ưu điểm và nhược điểm của hai loại đường dẫn
Liên kết trongLiên kết trong là liên kết đến vị trí của một phần tử nào đó nằm trong trang web. Để xác định vị trí cho một phần tử ta phải thêm thuộc tính id vào thẻ mở của phần tử đó.
Để liên kết đến vị trí của một phần tử, ta sử dụng cú pháp Đại diện cho liên kết
Xem ví dụ Để liên kết đến vị trí của một phần tử nào đó trong một trang web khác, ta sử dụng cú pháp:
Khi thực thi đoạn mã:
Màn hình trình duyệt sẽ hiển thị là Dùng hình ảnh làm đại diện cho liên kếtĐể dùng hình ảnh làm đại diện cho một liên kết, ta sử dụng cú pháp sau:
Trong đó, URL2 là đường dẫn đến tập tin hình ảnh dùng làm đại diện cho liên kết. Tương tự như URL, URL2 có thể được xác định bằng đường dẫn tuyệt đối hoặc đường dẫn tương đối. Khi thực thi đoạn mã:
Khi đó, màn hình trình duyệt sẽ hiển thị: Màn hình trình duyệt sẽ hiển thị là |