Créer son site Web

livre création de site Internet-Bon de commande

- a -
balise de lien hypertexte relatif ou absolu

Formation site internet>compléments du livre>Exemples de code XHTML et CSS>Balises de structuration de page>

Balises de liens hypertextes absolus et relatifs - a. Cette page internet est relative à la programmation en XHTML (pages 103 à 113 sur la syntaxe). Elle complète les pages 192 à 196 (a) du livre-atelier Créer son site Web pas à pas."

Création site Web Formation site Web Livre site Web

balise de lien hypertexte a

Lien absolu

Exemple de lien hypertexte absolu vers le même site ou vers un site extérieur.

<p>Lien absolu</p>
<!-- lien absolu vers la page d'accueil qui se trouve dans le même dossier-->
<a href="www.MonSiteWeb.ext/essai.html">Aller à la page essai.html du site MonSiteWeb.ext</a>

Lien relatif vers dossier courant

Exemple de lien hypertexte relatif vers le dossier courant

<p>Lien relatif</p>
<!-- lien relatif vers la page d'accueil qui se trouve dans le même dossier-->
<a href="essai.html">Aller à la page essai.html</a>

Lien relatif vers dossier enfant

Exemple de lien hypertexte relatif vers un dossier enfant

<p>Lien relatif</p>
<!-- lien relatif vers une page d'un dossier enfant-->
<a href="/DossierEnfant/essai.html">Aller à la page essai.html dans un dossier enfant</a>

Lien relatif vers dossier parent

Exemple de lien hypertexte relatif vers le dossier parent

<p>Lien relatif dossier parent</p>
<!-- lien relatif vers la page d'accueil qui se trouve dans le dossier parent-->
<a href="http://formation-site-internet.net/essai.html">Aller à la page essai.html dans un dossier parent</a>

lien relatif vers dossier connexe

Exemple de lien hypertexte relatif vers un dossier connexe

<p>Lien relatif dossier connexe</p>
<!-- lien relatif vers la page d'accueil qui se trouve dans un dossier connexe-->
<a href="http://formation-site-internet.net/DossierConnexe/essai.html">Aller à la page essai.html dans un dossier connexe</a>

Lien à l'intérieur d'une page (signet)

Exemple de lien hypertexte vers un signet de la page courante

lien hypertexte vers un signet sur la même page

Lignes XHTML correspondantes

<p><a href="#monter">Monter la première maille</a><br/>
<!-- lien proprement dit vers une ancre de la page-->
<a  href="#lisiere">Des lisières nettes</a> <br />
<a href="#relief">Mailles en relief</a> </p>

<h3 id="monter"> Monter la première maille</h3> 
<!-- attribut id destiné à servir d'ancre sur la page peut par exemple  se raccrocher à une balise de titre -->
<p>blabla</p>

<h3 id="lisiere"> Des lisières nettes</h3>
<p>blabla</p>

<h3 id="relief"> Mailles en relief</h3>
<p>blabla</p>

Lien vers un adresse de courriel

Exemple de lien hypertexte pointant vers une adresse de courriel. l'adresse du destinataire et l'objet du message sont pré-remplis.

<a href="mailto:dbc@db-consultant.net?subject=Contact site DBC page d'accueil">Courriel</a>
<!--Cette ligne permet à celui qui clique sur le lien d'être positionné dans son logiciel de gestion des courriels, avec l'adresse du destinataire et l'objet préremplis -->

Les autres balises XHTML

Autres exemples de code XHTML à copier-coller :

Cet article vous a intéressé ?
Twitter Google +
Partagez-le !

Glossaire Outils pédagogiques Formation site Web Mentions légales Contact