Qu'est-ce qu'un lien d'image HTML?
Lorsqu'une personne crée une page Web contenant une image, celle-ci n'est pas 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 de l'incorporer à la page. Pour utiliser le lien d'image HTML, la balise HTML <img> est utilisée pour fournir des informations sur l'emplacement où l'image est stockée et accessible. Cette balise peut être utilisée avec tous les navigateurs et pour charger tous les types d'images pris en charge par les navigateurs.
L'utilisation de la balise <img> seule ne fournit aucune information à la page Web destinée à contenir une image. Deux attributs sont nécessaires pour que le lien de l'image HTML soit écrit correctement afin que l'image se charge lors du chargement de la page Web. Il existe également plusieurs attributs facultatifs pouvant être inclus pour fournir des informations supplémentaires. Les attributs requis pour écrire le lien d’image sont src et alt .
L'attribut src du lien d'image HTML fournit l'adresse Web, ou l'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 renvoie à une image sur un autre site Web. Un exemple d'inclusion d'une URL absolue pour l'attribut src serait: src = "http://www.website.com/image.jpg" - où website.com pointe vers un autre site et image.jpg vers un site spécifique. image.
L'autre option pour l'URL dans l'attribut src consiste à é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. Des exemples d'attributs src avec une URL relative sont: src = "image.jpg" ou src = "images / image.jpg". La seule différence entre ces exemples réside dans l'emplacement de l'image, comme dans le dossier des images du deuxième exemple.
L'autre attribut requis est alt , qui fournit un texte de remplacement pour l'image. Ce n'est pas le texte affiché si un utilisateur passe la souris sur l'image, mais le texte affiché si l'image ne peut pas être affichée pour une raison quelconque. Une image peut ne pas s'afficher pour plusieurs raisons, notamment dans les cas où l'URL de l'attribut src est incorrect ou cassé, ou lorsqu'un utilisateur malvoyant utilise un lecteur d'écran.
Le code le plus élémentaire pour un lien d’image HTML se présente comme suit: <img src = "URL" alt = "text" />. Comme la balise <img> ne possède pas de balise de fin, il est important de la terminer par /> afin que le navigateur sache que l'instruction 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 rompus et que les images ne sont pas déplacées dans un répertoire de site Web, et de corriger les liens en cas de problème.