Comment ajouter un lien à une photo

Informations concernant l'auteur.e

Vous pouvez ajouter un lien à une image dans votre site internet ou votre blogue avec une simple ligne de code HTML. Pour faire ceci, vous devez avoir 2 choses : l'URL de l'image ainsi que l'URL d'un site internet où le lien enverra les internautes cliquant sur la photo.

Méthode 1

Méthode 1 sur 2:
Écrire un code HTML

1
Créez un fichier HTML. Commencez par ouvrir un logiciel d'édition de texte puis créez un nouveau fichier et sauvegardez-le comme index.html.
2
Faites un copier-coller. Copiez le code HTML se trouvant ci-dessous puis collez-le dans le fichier index.html que vous avez préalablement créé, sauvegardé, mais laissé ouvert.
```
<a href="DESTINATION URL"><img src="IMAGE URL" /></a>
```
3
Sélectionnez une image. Naviguez sur internet et trouvez une image qui vous intéresse. Cliquez sur l'image avec le bouton droit de la souris puis (en fonction de votre navigateur) choisissez l'option Copier l'URL de l'image, Copier l'emplacement de l'image ou Copier l'adresse de l'image.
4
Incorporez l'URL de l'image. Cliquez au bord de l'URL et déplacez la souris de manière à sélectionner IMAGE URL dans le fichier index.html que vous avez créé puis appuyez sur CTRL + V pour coller l'URL de l'image dans le code HTML.
5
Incorporez l'URL de destination. Toujours dans le fichier index.html, effacez DESTINATION URL puis écrivez à la place http://www.google.com.
6
Sauvegardez. Sauvegardez à nouveau le fichier index.html.
7
Ouvrez le fichier avec votre navigateur préféré. Vous allez maintenant ouvrir le fichier HTML dans votre navigateur. Pour cela, cliquez sur le fichier index.html avec le bouton droit de la souris puis ouvrez-le dans votre navigateur.
Publicité

Méthode 2

Méthode 2 sur 2:
Comprendre un code HTML

1
Comprenez le tag d'ancrage. Un code HTML est précédé et suivi de tags d'ouverture et de fermeture. Pour l'ouverture, on utilise le tag <a href=""> et pour la fermeture, on emploie </a>. Ceci s'appelle un tag d'ancrage (anchor tag) et cela permet d'ajouter des liens dans une page internet ^{[1]
X
Source de recherche}.
- Le tag <a annonce aux navigateurs qu'ils doivent reproduire un lien. Le tag href représente les initiales de HTML reference (référence HTML) et le tag = ordonne aux navigateurs de prendre tout ce qui est placé entre " " pour en faire un lien. Vous pouvez placer n'importe quelle URL entre les guillemets.
- Le tag </a> annonce aux navigateurs que le tag d'ancrage est fermé.
- Lorsque vous placez du texte entre <a href=""> et </a>, ce texte deviendra un lien sur lequel il est possible de cliquer. Si par exemple vous écrivez
  <a href="http://www.google.com">Google</a>, vous obtiendrez un lien vers Google.
2
Comprenez le tag de l'image. Le tag <img> est un tag qui se ferme lui-même. Vous avez la possibilité de le fermer en écrivant <img src="" /> ou en écrivant <img src=""></img>.
- Le tag <img ordonne aux navigateurs d'afficher une image. Le tag src est une abréviation de source, le tag = ordonne aux navigateurs de prendre tout ce qui est placé entre les guillemets " " et de prendre l'image à cette adresse.
- Le tag /> annonce aux navigateurs la fermeture du tag de l'image.
- Si par exemple vous écrivez
  {{samp[|<img src="https://www.google.com/images/srpr/logo11w.png" />}}, le navigateur va prendre l'image à cette adresse (URL) et il va la reproduire.
3
Placez votre code n'importe où. Maintenant que vous avez compris comment fonctionne ce code, vous pouvez employer
<a href="DESTINATION URL"><img src="IMAGE URL" /></a> afin d'ajouter des images cliquables sur toutes les pages internet qui acceptent les codes HTML.

Publicité