Quand une personne est de créer une page Web qui contient une image, l'image n'est pas réellement insérée dans la page avec le reste de l'information. Pour afficher les images sur le web, un lien d'image HTML est utilisé au lieu d'incorporer une image dans la page. Pour utiliser le lien image HTML, la balise HTML est utilisée pour fournir des informations pour savoir où l'image est stockée et peut être consulté. Cette balise peut être utilisée avec tous les navigateurs et peut être utilisé pour charger tous les types d'images pris en charge par les navigateurs.
L’utilisation de la balise <img> seul ne fournit aucune information sur la page Web qui est destiné à contenir une image. Il existe deux attributs qui sont nécessaires pour le lien d'image HTML à écrire correctement pour que l'image se charge lorsque la page web des charges. Il ya également plusieurs attributs facultatifs qui peuvent être inclus pour fournir de plus amples informations. Les attributs qui sont nécessaires pour écrire le lien de l'image sont src et alt.
L'attribut src de l'image lien HTML fournit l'adresse Web ou URL où se trouve l'image. L'URL peut prendre deux formes. Une URL absolue fournit une adresse Web complète qui dirige vers une image sur un autre site. Un exemple d'inclure 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 pointe vers un spécifique l'image
.
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 répertoire même site. L'URL relative est une version tronquée d'une URL absolue que l'image se trouve dans le même
endroit que la page Web. Des 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ù se trouve l'image, car il est situé dans un dossier images dans le second exemple.
L'autre attribut alt est nécessaire, ce qui fournit un texte alternatif pour l'image. Ce n'est pas le texte qui est affiché si un utilisateur passe la souris sur l'image, mais le texte qui est affiché si l'image ne peut pas être affichée pour une raison quelconque. Il y a plusieurs raisons pour lesquelles une image peut ne pas s'afficher, y compris les cas dans lesquels l'URL dans l'attribut src est incorrecte ou cassé, ou quand un utilisateur qui a une déficience visuelle utilisent un lecteur d'écran.
Le code le plus fondamental pour un lien d'image HTML ressemblera à quelque chose comme ce qui suit: <img SRC="URL" alt="text" />. Depuis la balise <img> n'a pas de balise de fin, il est important d'en finir avec /> pour que le navigateur sait que l'instruction est terminée. L'attribut src à un emplacement pour une image, il est donc important de s'assurer que des 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 sites web, et de corriger les liens lorsque des problèmes surviennent.