Comment lier une image dans HTML

Comment lier une image dans HTML
Vous êtes-vous déjà demandé comment les sites Web modernes occupent leurs utilisateurs avec leur site Web sans les ennuyer ou mal à l'aise? Les visuels sont ajoutés aux documents HTML pour garder l'attention de l'utilisateur. Les visuels peuvent comprendre des images, des vidéos. L'image peut être liée à partir du périphérique de stockage ou à partir de la source en ligne.

Cet article vise à fournir un guide sur la façon de lier une image dans HTML.

  • Comment lier et image en html à l'aide de la balise
  • Comment lier une image en html en utilisant la balise

Comment lier une image en HTML à l'aide de la balise

L'image est un fichier séparé qui n'est pas directement utilisé dans HTML. Donc, pour utiliser une image dans HTML, nous devons lier le fichier image avec notre code HTML. Pour ce faire, nous utilisons Tag qui utilise SRC attribut pour spécifier le chemin de l'image.

Exemple




Image



Liant l'image avec HTML



Cette image est désormais liée au code source HTML.




Dans cet exemple, nous lions des images avec HTML à l'aide de tag alors que src = ”” L'attribut spécifie le nom et le chemin du fichier image.

Sortir

Cette sortie montre que La balise a lié avec succès un fichier image avec du code HTML.

Lier une image dans HTML à l'aide de la balise

Nous pouvons également lier des images avec HTML en utilisant étiqueter. Cette balise utilise l'image ou le texte pour lier l'image à HTML. L'exemple suivant démontre mieux le concept.

Exemple




Image



Liant l'image avec HTML à l'aide d'une balise d'ancrage





La balise d'ancrage est utilisée pour lier cette image avec HTML.




Dans cet exemple La balise est utilisée pour lier une image avec HTML. Alors que La balise crée un petit lien d'image vers l'image principale.

Sortir

La sortie ci-dessus montre que Tag relie l'image principale avec le HTML pendant que Fournit un lien d'image vers l'image principale. Autrement dit, La balise agit comme une vignette à l'image principale.

Conclusion

Dans HTML, les balises et peuvent être utilisées pour lier une image. Pour ce faire, le 'SRC'attribut de tag et le'href«L'attribut de la balise relie une image en html. Cet article fournit un aperçu pour lier une image dans HTML L'application et la balise est décrite à l'aide d'exemples.