Qu'est-ce qu'un lien d'image HTML?

Lorsqu'une personne crée une page Web qui contient une image, l'image n'est pas réellement insérée dans la page avec le reste des informations. Pour afficher des images sur le Web, un lien d'image HTML est utilisé au lieu d'incorporer l'image dans la page. Pour utiliser le lien d'image HTML, la balise HTML est utilisée pour fournir les informations pour savoir où l'image est stockée et peut être accessible. Cette balise peut être utilisée avec tous les navigateurs et peut être utilisée pour charger tous les types d'images pris en charge par les navigateurs.

L'utilisation de la balise seule ne fournit aucune information à la page Web destinée à contenir une image. Il y a deux attributs qui sont nécessaires pour que le lien d'image HTML soit écrit correctement afin que l'image se charge lorsque la page Web se charge. Il existe également plusieurs attributs facultatifs qui peuvent être inclus pour fournir des informations supplémentaires. Les attributs qui sont nécessaires pour écrire le lien d'image sont src et alt .

L'attribut src de l'imag htmlE Link fournit l'adresse Web, ou URL, où se trouve l'image. L'URL peut prendre l'une des deux formes. Une URL absolue fournit une adresse Web complète qui dirige une image sur un autre site Web. Un exemple d'inclure une URL absolue pour l'attribut SRC serait: src = "http://www.website.com/image.jpg" - où le site Web pointe vers un autre site et image.jpg pointe vers une image spécifique.

L'autre option pour l'URL dans l'attribut src est d'écrire une URL relative. Dans le cas d'une URL relative, l'adresse Web fournit un lien vers une image dans le même répertoire de site Web. L'URL relative est une version tronquée d'une URL absolue car l'image est située au même endroit que la page Web. Les exemples de l'attribut SRC avec une URL relative sont: src = "image.jpg" ou src = "images / image.jpg". La seule différence dans ces exemples est l'endroit où l'image est située, comme elleest situé dans un dossier d'images dans le deuxième exemple.

L'autre attribut requis est alt , qui fournit un texte alternatif pour l'image. Ce n'est pas du texte affiché si un utilisateur plane une souris sur l'image, mais le texte affiché si l'image ne peut pas être affichée pour une raison quelconque. Il existe de nombreuses raisons pour lesquelles une image peut ne pas être affichée, y compris les cas dans lesquels l'URL de l'attribut src est incorrect ou cassé, ou lorsqu'un utilisateur qui a une déficience visuelle utilise un lecteur d'écran.

Le code le plus basique pour un lien d'image HTML ressemblera à ce qui suit: . Étant donné que la balise n'a pas de balise finale, il est important de le terminer avec /> afin que le navigateur sache que l'instruction s'est terminée. L'attribut src pointe vers un emplacement pour une image, il est donc important de s'assurer que les liens vers d'autres sites ne sont pas cassés et que les images ne sont pas déplacées dans un répertoire de site Web,et pour corriger les liens lorsque des problèmes se produisent.