Comment mettre un lien sur une image en html ?

Si vous voulez ajouter un lien à une image en HTML, vous devez juste avoir l’URL d’un site internet qui envoie les internautes au site en cliquant sur la photo. Vous devez également disposer de l’URL de l’image. Voici quelques étapes à suivre si vous avez besoin de maîtriser cette astuce qui rend votre site plus attractif.

Quels sont les principaux moyens ?

Vous avez deux moyens qui vous permettent de rendre vos images cliquables. Déjà, vous pouvez recourir à l’éditeur intégré et à un outil de téléchargement des images. La seconde option consiste à user du code HTML dans la vue code.

Vous ne savez pas quelle option choisir ? Notez que cela dépend surtout de l’endroit du site depuis lequel vous travaillez. Les deux méthodes n’ont presque aucune différence sauf que l’une d’elles vous convie à assimiler la syntaxe de HTML et l’autre la crée pour vous.

Privilégier l’éditeur intégré

Si vous décidez de faire usage de l’éditeur intégré pour faire de vos photos des images cliquables, vous devez vous conformer à certaines étapes. Déjà, il faut accéder à la zone de description du projet. Ensuite, pensez à user de l’icône d’image pour faire l’insertion de votre image. Cliquez sur votre image afin de découvrir les options puis cliquez sur l’icône de lien.

Il ne vous reste qu’à adjoindre l’adresse de la page sur laquelle vous voulez lier votre photo. Puis, sélectionner l’option « ouvrir dans un nouvel onglet » si vous en avez besoin.

Utiliser le code HTML

Pour créer des images cliquables, vous pouvez toujours ajouter le code HTML à des projets. Pour ce faire, vous êtes tenu d’assimiler la syntaxe de base. Lorsque vous passez à la vue code, vous pouvez utiliser HTML.

Avant de pouvoir insérer une image cliquable via l’usage du code HTML, il importe d’assurer que votre image est téléchargée sur le web, car il faut copier l’adresse de l’image au préalable. Cette dernière peut se trouver sur un site externe ou dans la galerie photo.

Vous tomberez ensuite sur un texte entre guillemets que vous devez remplacer grâce à certaines méthodes définies. Sur « insérer l’URL de destination ici », vous ajouterez le lien sur lequel vous voulez conduire vos internautes. Sur « insérer l’emplacement de l’image ici », ajoutez la source de votre image. Sur « insérer le titre », mettez le titre de votre image et optez pour un titre descriptif. Sur « insérer la description ici », ajoutez une description alternative.

Plan du site