Lien externe:
<p>Pour créer des liens en HTML, on utilise l'élément a et son attribut href.</p>
<p>Ex : lien vers <a href="https://www.wikipedia.org/">la home de Wikipedia</a></p>
l’URL après href étant complète, on dit que la valeur de l’attribut href est ‘absolue’
entre <a> et </a> on peut placer autre chose que du texte, et ça deviendra cliquable…
On peut ajouter l’attribut target qui va nous permettre de choisir où doit s’ouvrir notre page de destination. _blank spécifie que la nouvelle page doit s’ouvrir dans un nouvel onglet.
<a href="https://www.wikipedia.org/" target="_blank">Wikipédia</a>.
Autres valeurs pour target:
| Valeur de target | Comportement |
|---|---|
| _self | Valeur par défaut : la page cible s’ouvre dans le même emplacement (cadre ou « frame ») que là où l’utilisateur a cliqué |
| _blank | La page cible s’ouvre dans un nouvel onglet ou dans une nouvelle fenêtre |
| _parent | La page cible s’ouvre dans la cadre (frame) de niveau immédiatement supérieur par rapport à l’emplacement du lien |
| _top | La page cible s’ouvre dans la fenêtre hôte (par dessus le frameset) |
| Nom du cadre (frame) | Ouverture de la page cible dans le cadre portant le nom cité (en valeur de l’attribut name) |
Lien interne:
Par exemple, dans index.html on a :
<a href="page2.html"></a>
<a href="sousdossier/page3.html"></a>
<a href="../dossierparent1/page1.html"></a>
<a href="../../dossierparent2/page0.html"></a>
Dans ce cas:
- page2.html est dans le même dossier que index.html
- page3.html est dans un sous-dossier « sousdossier » au même niveau que index.html.
- page1.html est dans le dossier parent (dossierparent1), ‘au-dessus’ du dossier où se trouve ‘index.html’
- page0.html se trouve dans un dossier parent au dessus du dossier « dossierparent1 »
On peut ajouter l’attribut target qui va nous permettre de choisir où doit s’ouvrir notre page de destination. _blank spécifie que la nouvelle page doit s’ouvrir dans un nouvel onglet.
<a href="https://www.wikipedia.org/" target="_blank">Wikipédia</a>.
Autres valeurs pour target:
| Valeur de target | Comportement |
|---|---|
| _self | Valeur par défaut : la page cible s’ouvre dans le même emplacement (cadre ou « frame ») que là où l’utilisateur a cliqué |
| _blank | La page cible s’ouvre dans un nouvel onglet ou dans une nouvelle fenêtre |
| _parent | La page cible s’ouvre dans la cadre (frame) de niveau immédiatement supérieur par rapport à l’emplacement du lien |
| _top | La page cible s’ouvre dans la fenêtre hôte (par dessus le frameset) |
| Nom du cadre (frame) | Ouverture de la page cible dans le cadre portant le nom cité (en valeur de l’attribut name) |
Liens vers autres parties d’une même page:
Utilisation de l’attribut id:
<li><a href="#liens">Création de liens en HTML</a> ;
et ailleurs sur la même page:
<h2 id="liens">Création de liens en HTML</h2>