Nó rất thuận tiện khi khu vực của liên kết hoạt động không phải là văn bản, mà là hình ảnh. Ngôn ngữ đánh dấu HTML hoàn toàn có khả năng thực hiện điều này. Tất cả những gì cần thiết cho việc này là kết hợp các thẻ theo một cách đặc biệt.
Hướng dẫn
Bước 1
Nếu tất cả các tệp trên máy chủ được lưu trữ trong một thư mục, thì hãy viết mã HTML sau của trang:
‹A href=page.html› Nhấp vào liên kết này sẽ đưa bạn đến một trang khác trong trang web ‹/a›
Bước 2
Tìm hiểu cách nhúng các liên kết đến các trang địa phương nằm trên các trang của bên thứ ba trong HTML của bạn:
‹A href= https://server.domain/folder/page.html› Nhấp vào liên kết này sẽ đưa bạn đến một trang nằm trên một trang web hoàn toàn khác ‹/a›
Bước 3
Bây giờ, hãy kiểm tra cách chèn hình ảnh vào một trang được lưu trữ trên cùng một máy chủ với trang web, với điều kiện là tất cả các tệp trên máy chủ đó được lưu trữ trong một thư mục chia sẻ:
‹Img src = filename.jpg›
Bước 4
Theo cách tương tự, hãy chèn hình ảnh được lưu trữ trên máy chủ của bên thứ ba vào trang:
‹Img src =
Tuy nhiên, hãy nhớ rằng một số máy chủ không cho phép chèn hình ảnh vào các trang bên ngoài chúng, thay vào đó sẽ hiển thị bảo vệ màn hình cảnh báo hoặc không hiển thị gì. Trong những trường hợp như vậy, không sao chép ảnh vào máy chủ cục bộ - sẽ vi phạm bản quyền. Tốt hơn là cung cấp cho một liên kết đến hình ảnh này.
Bước 5
Để nhấp vào hình ảnh để theo liên kết, hãy kết hợp các thẻ này như sau:
‹A href= https://server.domain/folder/page.html› ‹img src = picture.jpg› ‹/a›
Nếu muốn, hãy thay thế trong cấu trúc này liên kết toàn cục tới trang bằng liên kết cục bộ hoặc ngược lại, liên kết cục bộ tới hình ảnh bằng liên kết chung.
Bước 6
Cuối cùng, nếu bạn muốn liên kết được theo dõi bằng cách nhấp vào cả hình ảnh và văn bản bên dưới nó, hãy sử dụng một cấu trúc phức tạp hơn như sau:
‹A href= https://server.domain/folder/page.html› ‹img src = picture.jpg› ‹p› Bạn sẽ được chuyển hướng đến một trang khác bất kể bạn nhấp vào văn bản này hay vào trang phía trên nó hình ảnh. Kết quả sẽ hoàn toàn giống nhau.
