Comment Insérer Un Lien Vers Une Image En Html

Table des matières:

Comment Insérer Un Lien Vers Une Image En Html
Comment Insérer Un Lien Vers Une Image En Html

Vidéo: Comment Insérer Un Lien Vers Une Image En Html

Vidéo: Comment Insérer Un Lien Vers Une Image En Html
Vidéo: 26 - HTML: Liens hypertextes (image ou boutton) 2024, Novembre
Anonim

Les articles sur un blog ou sur une autre ressource peuvent contenir non seulement des informations sur un problème spécifique, mais également des liens directs vers une source d'information ou une autre ressource. En particulier, l'éditeur HTML permet de formater des liens vers des fichiers graphiques.

Comment insérer un lien vers une image en html
Comment insérer un lien vers une image en html

Il est nécessaire

Accès à Internet

Instructions

Étape 1

La façon la plus simple de concevoir un lien, y compris un lien vers une image, consiste à utiliser les balises suivantes: texte explicatif. Donnez un lien vers le fichier graphique lui-même comme adresse de la page, par exemple: https://www.site.com/mypicure.jpg. Dans le texte explicatif, vous pouvez indiquer le nom du fichier ou d'autres informations. Lors de la visualisation du message terminé, seul celui-ci sera visible, l'image s'ouvrira lorsque vous cliquerez avec le curseur.

Étape 2

L'image peut être un lien vers elle-même ou un autre fichier graphique. Dans un tel cas, insérez les balises suivantes:. Adresse de la page - l'adresse qui s'ouvrira lorsque vous cliquerez sur la souris; URL de l'image - l'URL de l'image sur laquelle vous souhaitez cliquer. Un texte explicatif apparaît au survol. Le lien avec le design spécifié s'ouvrira dans une nouvelle fenêtre.

Étape 3

Cependant, ces ajustements sont facultatifs si vous souhaitez simplement publier une photo dans votre message. L'essentiel est de connaître son adresse sur le réseau. Insérer des balises:. L'URL de l'image doit ressembler à ceci:

Étape 4

Des paramètres supplémentaires vous permettent d'ajuster la taille de l'image affichée. Pour ce faire, utilisez les balises width = et height =. Il n'est pas nécessaire d'utiliser les deux, si vous spécifiez l'un d'eux, le deuxième paramètre changera proportionnellement. Après la balise, mettez la hauteur ou la largeur souhaitée de l'image en pixels. Le résultat pourrait ressembler à ceci:

Conseillé: