Chap I - LE HTML Suite Les Liens Hyperte

Télécharger au format pdf ou txt
Télécharger au format pdf ou txt
Vous êtes sur la page 1sur 2

HTML-CSS 2022-2023

Module : HTML-CSS Chargé du module : M. KONATE

LES LIENS HYPERTEXTES


I. INTRODUCTION
Cette partie va nous permettre de connaitre les techniques d'établissement de liens hypertextes
pointant vers d’autres pages HTML, voir à un endroit précis à l'intérieur d'une page. Usage
d’URL (Uniform Resource Locator : Adresse unique d’une page).
II. LA BALISE
Pour créer un lien il faut utiliser la balise HTML <A>.
La balise HTML <A> a un attribut HREF qui va vous permettre de spécifier la page à
charger. L'attribut HREF est comparable au "numéro de téléphone" de la page appelée.
Lorsque vous définissez un lien dans une page HTML, n'oubliez pas de mettre </a> qui
définit la fin de la zone sensible.
Il existe deux types de liens :
 le lien Interne.
 le lien externe

 si le nom de la cible #cible est omis, le renvoi s'effectuera au début du document


pointé par l'URL.
 si l'URL est omis et qu'il n'y a qu'une cible #cible, il s'agit d'un lien intra-page
(renvoyant quelque-part dans la page courante) l’attribut TITLE="description" fait
apparaître le texte descriptif spécifié relatif au lien lorsque le curseur survole le lien.
 L'attribut TARGET="name" : target="name" ouvre la cible dans une fenêtre unique,
nommée name. target="_blank" ouvre la cible dans une nouvelle fenêtre à chaque clic
sur le lien, tout en conservant celle de base.
1. Lien Externe
Le lien externe est le lien qui va vous permettre de relier vos pages HTML de votre site entre
elles.
On l'écrit : <A HREF="url">La zone sensible </A>

Page 1 sur 2
HTML-CSS 2022-2023

 Si la page HTML se trouve dans le même dossier (Espace-etud) que la page


appelante, alors l'URL peut s'écrire "page_cible.html".
 Si la page HTML se trouve dans un dossier (Notes) contenu dans le même dossier que
la page appelante, alors l'URL peut s'écrire "Notes/Notes.html".
 Si la page HTML se trouve dans un dossier (Espace-prof) qui est au même niveau
que le dossier (Espace-etud) de la page appelante, alors l'URL peut s'écrire :
"../Espace-prof/prof.html".
Dans tous ces cas, on parle d'url relative.
 Si la page qui est appelée, se trouve sur un autre site alors l'URL doit être complète :
"HTTP://www.monseurveur.com/... /page_cible.html". Dans ce cas on parle d'url
absolue. Tapez : <A href="exchap4.htm">Mon premier lien.</A>
Il est tout à fait possible de mettre une image à la place de "Mon premier lien." (Voir chapitre
suivant)
2. Lien Interne
Le lien interne est le lien qui va vous permettre de vous "déplacer" dans votre page HTML.
On parle aussi d'ancre.
Il met en rapport deux balises.
La balise appelante : <A HREF="#nom_de_la_balise_appelee"> mon lien appelant</A>
La balise appelée : <A name="nom_de_la_balise_appelee">
III. Ouvrir le Lien dans une nouvelle fenêtre
Il est possible d'ouvrir un lien dans une nouvelle fenêtre grâce à l'attribut TARGET de la
balise <A>.
Par défaut cet attribut prend la valeur de "_self".
Pour ouvrir le lien dans une nouvelle fenêtre, il faut écrire :
<A href="../courshtml/exemple/exchap4.html" TARGET="_blank">Mon premier lien.
</A>
Fin

Page 2 sur 2

Vous aimerez peut-être aussi