HTML - HyperText Markup Language
Les liens hypertextes
1. Liens vers un autre document HTML
Il est possible de placer des liens vers d'autres pages HTML de telle sorte que lorsque l'on clique sur une expression soulignée ou colorée ou encore sur une image, on accède à cette page.
Ci-après est le code source du document que vous pouvez faire apparaître en cliquant
ici
.
<![CDATA[
<HTML>
<HEAD>
<TITLE> Un exemple simple de document HTML
</TITLE>
<BODY>
<H1> Ceci est une section de premier niveau
</H1>
<B> Bienvenue dans le monde de HTML.
</B> Ceci est un paragrahe.
<P> Et ceci en est un second'a
<P>
</BODY>
</HTML>
]]> La syntaxe pour référencer une page est la suivante :
<![CDATA[
<A HREF="nom_fichier.html"> expression
</A>
]]> dans le cas d'un fichier situé dans le même répértoire que la page courante et bien sûr sur le même serveur. Ce fichier s'appelle
"nom_fichier.html"
. L'expression qui sera colorée ou soulignée et qui permettra d'atteindre ce nouveau document est
"expression"
.
Le code corresponant à l'appel de la page ci-avant est :
<![CDATA[ Ci-après est le code source du document que vous pouvez faire apparaître en cliquant
<A HREF="mini.html"> ici
</A> .
<P>
]]> Il est également possible de faire appel à une page dans un autre répertoire ou sur un autre serveur, la syntaxe complète étant :
<![CDATA[
<A HREF="http://nom_du_serveur/repertoires/nom_fichier.html"> expression
</A>
]]> Par exemple :
<![CDATA[
<A HREF="http://www.w3.org/hypertext/WWW/MarkUp/MarkUp.html"> Un manuel de référence
</A>
]]> permet d'accéder à un
manuel de référence
(officiel et en anglais).
En fait, la syntaxe correcte est plutôt :
<![CDATA[
<A HREF="URL"> expression
</A>
]]> où URL est l'URL (Universal Resource Locator) du docuement que l'on veut accèder. Vous pouvez consulter
un guide pour débutant
au sujet des URLs.
2. Liens vers un
document
HTML en cliquant sur une image
Il est également possible de mettre un lien sur une image plutôt que sur une expression. La syntaxe est la même si ce n'est qu'à la place de l'expression, on note la réference de l'image.
L'image suivante est une image cliquable
dont le code est le suivant :
<![CDATA[
<A HREF="coucou.html">
<IMG ALIGN=top SRC="lips1.gif">
</A>
]]> Des
icones
et des
utilitaires
(Boules, lignes, etc) sont à votre disposition pour agrémen ter vos pages.
3.
Liens vers une autre partie du document
Pour pouvoir créer un lien vers un endroit précis d'une page HTML et ainsi en cliquant sur l'expression clée réafficher le document à partir de ce point, il faut définir une étiquette ou ancre d'arrivée à cet endroit par la commande :
<![CDATA[
<A NAME= "clef">
<I> texte
</I>
</A>
]]> Et à l'endroit où on veut rendre le retour possible, une commande ayant la syntaxe suivante est nécessaire :
<![CDATA[
<A HREF="#clef">
<I> texte
</I>
</A>
]]> s'il s'agit d'atteindre un point dans le même document, sinon la syntaxe est :
<![CDATA[
<A HREF="http://nom_du_serveur/repertoires/nom_fichier.html#clef">
]]> Pour retourner à l'endroit où on parle de "
liens en cliquant sur une image
", le code du titre de paragraphe est :
<![CDATA[
<H2> 2. Liens vers un
<A NAME="image"> document
</A> HTML en cliquant sur une image
</H2>
]]> La clef est le mot
image
et est référencée par :
<![CDATA[ Pour retourner à l'endroit où on parle de "
<A HREF="#image"> liens en cliquant sur une image
</a> ", ...
]]> Vous pouvez maintenant construire votre page personnelle en vous aidant de "
" (accessible seulement à l'ENSMP).
<![CDATA[
]]>
Retour à la
table des matières
Bibliographie
<![CDATA[
]]>
Jouve Christine (1996)
-
Centre de Calcul
-
ENSMP