au format pdf

Lien hypertextuel
Une page Web (HTML) peut faire appel à une
autre page Web, qui se trouve :
- sur la machine locale
- sur un serveur distant
1
Balise de lien hypertextuel
Balise A(ncre) :
<A href="adresse du document ">
élément cliquable
</A>
Un élément cliquable est inséré alors dans la page,
si on clique sur cet élément, le navigateur
"appelle" le document référé par href
2
Allers-retours entre documents
• la fenêtre courante affiche le document appelé,
le document appellant disparaît
• pour que le document appelé soit affiché dans
une nouvelle fenêtre du navigateur :
<A href ="cultpub.htm" target ="_blank" >
Programmes culturels
Retour (au document appelant)
• par le bouton "Précédent" du navigateur
• par des liens gérés par le concepteur des pages
ex: retour au Sommaire
• fermer la fenêtre (si nouvelle fenêtre)
</A>
4
5
image cliquable
Lien hypertextuel
image incluse ! lien vers image
<A href ="cultpub.htm">
Programmes culturels
</A>
3
élément cliquable
• texte :
<A href ="cultpub.html">
Programmes culturels
</A>
• image :
<A href ="cultpub.html">
<img src="zola.gif">
</A>
6
élément appelé
• fichier graphique (.gif, .jpeg,...)
<A href="expo.html>
<img src="zola.gif">
</A>
7
<IMG src="logo.gif"> : l'image apparaît toujours,
elle est incluse dans la page
(sauf si le navigateur est paramétré pour ne pas
afficher d'images ou que l'image est "introuvable"
en cas d'image dynamique )
!
<A href="logo.gif"> vers logo </A> :
l'image n'apparaît que si on clique sur le lien
8
<A href="logofac.gif"> vers logo </A>
• fichier html (~ page Web)
<A href="cultpub.html"> elt cliquable </A>
<A href="Dossier/cultpub.html"> elt cliquable </A>
• point précis de fichier HTML
<A href="cultpub.html#Chap1"> elt cliquable </A>
9
Nommer un point précis :
pose d'ancre passive
Lien vers un point précis d'un
document
Ancre passive
• <A href="doc.html#chap1> vers chapitre 1</A>
<A name="chap1"></A>
chapitre I: La mission des archives ...
.................
• <A href="#chap1> vers chapitre 1</A> :
le document n'étant pas nommé, par défaut il
s'agit du document courant.
<A
name="chap1"></A>
<A href="(x.html)#chap1">
I. La mission des archives
</A>
10
Synthèse lien
• <A href= "(Chemin)/(x.html)(#étiquette)"
(target="_blank")>
elt cliquable
</A>
• création d'étiquette :<A name="xxx"></A>
13
11
12