Liên kết hình ảnh HTML là gì?

Khi một người đang tạo một trang web chứa hình ảnh, hình ảnh không thực sự được chèn vào trang với phần còn lại của thông tin.Để hiển thị hình ảnh trên web, liên kết hình ảnh HTML được sử dụng thay vì nhúng hình ảnh vào trang.Để sử dụng liên kết hình ảnh HTML, #60; IMG #62;Thẻ HTML được sử dụng để cung cấp thông tin cho nơi lưu trữ hình ảnh và có thể được truy cập.Thẻ này có thể được sử dụng với tất cả các trình duyệt và có thể được sử dụng để tải tất cả các loại hình ảnh được hỗ trợ bởi các trình duyệt. Sử dụng #60; IMG #62;Tag một mình không cung cấp thông tin cho trang web có nghĩa là chứa một hình ảnh.Có hai thuộc tính được yêu cầu cho liên kết hình ảnh HTML được viết chính xác để hình ảnh tải khi trang web tải.Ngoài ra còn có một số thuộc tính tùy chọn có thể được đưa vào để cung cấp thêm thông tin.Các thuộc tính được yêu cầu để viết liên kết hình ảnh là

SRC và

alt

URL có thể có một trong hai hình thức.Một URL tuyệt đối cung cấp một địa chỉ web hoàn chỉnh hướng đến một hình ảnh trên một trang web khác.Một ví dụ về bao gồm một URL tuyệt đối cho thuộc tính SRC sẽ là: src ' http: //www.website.com/image.jpg mdash;Trong đó trang web.com đang trỏ đến một trang web khác và hình ảnh.jpg đang trỏ đến một hình ảnh cụ thể. Tùy chọn khác cho URL trong thuộc tính SRC là viết URL tương đối.Trong trường hợp URL tương đối, địa chỉ web đang cung cấp một liên kết đến một hình ảnh trong cùng một thư mục trang web.URL tương đối là phiên bản cắt ngắn của URL tuyệt đối vì hình ảnh được đặt ở cùng một nơi với trang web.Ví dụ về thuộc tính SRC với URL tương đối là: src ' Image.jpg hoặc src ' Image/Image.jpg.Sự khác biệt duy nhất trong các ví dụ này là nơi đặt hình ảnh, vì nó nằm trong thư mục hình ảnh trong ví dụ thứ hai. Thuộc tính yêu cầu khác là alt, cung cấp văn bản thay thế cho hình ảnh.Đây không phải là văn bản được hiển thị nếu người dùng di chuyển một con chuột trên hình ảnh, nhưng văn bản được hiển thị nếu hình ảnh không thể được hiển thị vì một số lý do.Có nhiều lý do tại sao một hình ảnh có thể không được hiển thị, bao gồm các trường hợp trong đó URL trong thuộc tính

SRC

không chính xác hoặc bị hỏng hoặc khi người dùng bị suy giảm trực quan là sử dụng đầu đọc màn hình.Đối với liên kết hình ảnh HTML sẽ trông giống như sau: #60; IMG SRC ' url alt ' text /#62 ;.Kể từ #60; IMG #62;TAG không có thẻ cuối, điều quan trọng là phải kết thúc nó bằng / để trình duyệt biết rằng hướng dẫn đã kết thúc.Thuộc tính src chỉ vào một vị trí cho một hình ảnh, vì vậy điều quan trọng là phải đảm bảo rằng các liên kết đến các trang web khác không bị phá vỡ và hình ảnh không được di chuyển xung quanh trong thư mục trang web và để chính xác các liên kết khi xảy ra sự cố.