HTML - liens et images

Pour insérer un lien :

1. on utilise la balise a et son attribut href ;
2. entre la balise ouvrante <a> et la balise fermante </a>, on indique le texte qui apparaitra dans la page ;
3. l'attribut href placé dans la balise ouvrante permet de spécifier l'adresse (url) de la page vers laquelle doit se faire le lien.

<a href="{url}">Texte</a>

La balise <a>…</a> possède d'autres attributs que href, par exemple l'attribut target (dont le rôle est expliqué dans les lignes qui suivent) :

<a href="{url}" target='_blank'>Texte</a>

Pour davantage d'informations sur l'attribut target, voir cette page sur w3schools.com.

* Code HTML

<a href="https://noordover.fr">Lien vers le site noordover.fr</a>
<br /><br />
<a href="https://noordover.fr" target='_blank'>Lien vers le site noordover.fr</a> dans un nouvel onglet.

• Pour un lien vers un site externe, l'url débutera par

  http://
  ou
  https://

• Pour un lien vers un fichier local, l'url sera relative ! Il suffira d'écrire :
  • “exemple.html” pour faire un lien vers un fichier “exemple.html” qui se trouve dans le même dossier ;
  • “doss/exemple.html” pour faire un lien vers un fichier “exemple.html” qui se trouve dans le sous-dossier “doss” du dossier courant ;
  • “../doss/exemple.html” pour faire un lien vers un fichier “exemple.html” qui se trouve dans un dossier “doss” qui se trouve à côté de celui contenant le fichier courant.

<img src="{url_image}" alt="{Texte alternatif}" />

<img src="{url_image}" alt="{Texte alternatif}" width="{largeur}" height="{hauteur}"  />

Pour davantage d'informations sur les attributs possibles de la balise <img>, voir cette page sur w3schools.com.

* Code HTML

<img src="https://noordover.fr/img/lycee_noordover_aerienne1_500x300.jpg" alt="Vue aérienne Noordo" />

* Code HTML

<img src="https://noordover.fr/img/lycee_noordover_aerienne1_500x300.jpg" alt="Vue aérienne Noordo" width="300px" />