Comment Insérer Une Image Dans Un Lien

Table des matières:

Comment Insérer Une Image Dans Un Lien
Comment Insérer Une Image Dans Un Lien

Vidéo: Comment Insérer Une Image Dans Un Lien

Vidéo: Comment Insérer Une Image Dans Un Lien
Vidéo: Comment insérer des liens dans une image 2024, Peut
Anonim

La syntaxe du langage HTML vous permet de créer des hyperliens non seulement textuels, mais aussi graphiques. Pour un visiteur du site, un tel lien ressemble à une image, et lorsque vous cliquez sur l'image, vous accédez à une autre page Web.

Comment insérer une image dans un lien
Comment insérer une image dans un lien

Instructions

Étape 1

En utilisant n'importe quel éditeur graphique, réduisez l'image. Sa taille dans l'une des coordonnées ne doit pas dépasser 200 pixels. C'est mieux si l'image a une disposition horizontale. Il peut s'agir, par exemple, d'un bouton virtuel dont l'inscription est faite dans une police artistique. Le format de l'image doit être l'un des suivants: JPG, PNG, GIF. Le premier est préféré pour les photographies, et les deux autres sont préférés pour le dessin au trait (c'est la meilleure compression). Assurez-vous de sauvegarder le résultat de la modification sous un nouveau nom afin de ne pas gâcher l'original.

Étape 2

Téléchargez le fichier image sur le serveur dans le dossier où se trouve le fichier HTML. Pour effectuer un tel téléchargement, vous pouvez utiliser l'interface Web (si disponible auprès de l'hébergeur) ou n'importe quel programme client FTP.

Étape 3

Placez l'extrait de code suivant à l'endroit souhaité dans le fichier HTML:, où l'expression après l'opérateur "href =" est l'adresse à laquelle le lien mène, et someimage

Étape 4

Pour certains utilisateurs, l'affichage des images dans le navigateur est désactivé. Par conséquent, il est conseillé de placer une explication de l'endroit où le lien mène directement sous l'image. Dans ce cas, modifiez l'extrait de code ci-dessus pour qu'il ressemble à ceci:

Gros plan d'insectes. Un texte explicatif apparaîtra sous l'image. En cliquant dessus, vous serez également redirigé vers le lien.

Étape 5

Après avoir téléchargé la version mise à jour du fichier HTML sur le serveur, ouvrez la page correspondante dans le navigateur, puis assurez-vous que l'image est affichée et que le lien est valide. La transition le long de celle-ci devrait se produire lorsque vous cliquez à la fois sur l'image et sur l'inscription explicative située en dessous (le cas échéant).

Conseillé: