Lien hypertexte

Dans le but  de facilité la navigation de page en page sur le web, le langage HTML nous offre la possibilité de créer des liens  qu'on appelle liens hypertextes

1 - Lien vers une adresse URL

Un lien hypertexte est définie par les balises

<a href =" ... "> et  </a>

La syntaxe est :

<A HREF="adresse URL ">...</A>

Exemple : lien externe vers Yahoo:

<A HREF="http://www.yahoo.fr">Cliquez ici pour accéder à Yahoo</A>

Ce qui affiche au navigateur : Cliquez ici pour accéder à Yahoo

On souhaite parfois mettre une info-bulle sur le lien pour fournir des information sur la page du lien, pour cela on utilise la commande title="texte de l'info-bulle"  :

<a title="Il s'agit d'un lien vers le site Yahoo" href="http://www.yahoo.fr">Cliquez ici pour accéder à Yahoo</a>

 

2  - Lien vers un fichier

Le code Html du lien vers un fichier est de la forme :

<A HREF="nomdufichier.extension">...</A>

Remarque : nom du fichier désigne le chemin du fichier avec son extension .txt, .doc, .html,. pdf, ...

3 - Lien vers boite E mail

La syntaxe d'un lien hypertexte vers une boite email est la suivante :

<a href="mailto:votre adresse Email ?">Contact</a>

Exemple : (lien vers l'adresse Email webmaster@tresfacile.net )

<a href="mailto:webmaster@tresfacile.net?">Ecrire au webmaster</a>

 

4 - Lien dans la même page

On veut parfois créer un lien hypertexte d'un texte vers une autre partie du texte située sur la même page, comme par exemple haut de page ou quelque chose qui ressemble...  Pour réaliser cela, positionnez vous à l'endroit que vous souhaitez atteindre, par exemple haut de la page Introduisez le balisage

<A NAME="nom">votre texte ou vous pouvez le laisser vide</A>

Introduisez ensuite le balisage :

<A HREF="nom">debut de la page</A>

 

4 - Tutoriel vidéo

 

 

5 - Testez votre propre code HTML

 

 

 

...

1 thought on “Lien hypertexte

Leave a Reply

Your email address will not be published. Required fields are marked *