Hébergement de votre page personelle
perso.etula.com

Etula.com

Perso Etula


Création de site internet : Créer son site internet
les ancres et les liens

Créer un lien comme créer une ancre requiert les balises <A> et </A>. Une ancre va servir à repérer une partie de la page web qui va être accessible à partir d'un lien, ceci est très utile pour atteindre rapidement un passage important d'un texte lorsque la page est très très longue. Il suffit simplement d'insérer, avant un texte, une image, ou un tableau les balises ainsi écrites : <A NAME="mon_ancre"></A>.

Les liens vont servir à accéder à une autre page ou à une ancre et s'écrivent de la manière suivante :

o Vers un autre site web :
<a href="http://www.monsite.com">intitulé du site</a>

o Vers une autre page web placée sur le serveur dans le même répertoire :
<a href="sommaire.html">sommaire</a>.
Si cette page possède une ancre nommée "ancre1", on doit alors écrire :
<a href="sommaire.html#ancre1">sommaire</a>

o Vers une ancre de la même page :
<a href="#mon_ancre">mon ancre</a>

La propriété TARGET va nous être utile dans deux cas :
o Pour ouvrir une page web dans une nouvelle fenêtre :
<a href="http://www.monsite.com" target="_blank">intitulé du site</a>
Notez bien que le caractère "_" de "_blank" n'est pas une erreur! Ainsi, quand l'utilisateur cliquera sur intitulé du site, une nouvelle fenêtre s'ouvre avec la page web correspondante.

o Pour ouvrir une page web dans un frame :
<a href="ma_page.html" target="mon_frame">mon texte</a>

La combinaison des liens et des frames est utilisée que le texte est séparé en chapitres auxquels on veut accéder rapidement. Vous allez ajouter le code source suivant en reprenant les fichiers du chapitre 6:

menu.html

<html>
<head></head>
<body>

<a href="corps.html#chapitre1" target="corps">CHAPITRE 1</a> <br />
<a href="corps.html#chapitre2" target="corps">CHAPITRE 2</a> <br />
<a href="corps.html#chapitre3" target="corps">CHAPITRE 3</a> <br />
<a href="corps.html#chapitre4" target="corps">CHAPITRE 4</a> <br />

</body>
</html>
corps.html

<html>
<head></head>
<body>
<a name="chapitre1"></a>
<b>CHAPITRE 1</b>
<p>un grand texte…</p>
<a name="chapitre2"></a>
<b>CHAPITRE 2</b>
<p>un grand texte…</p>
</body>
</html>

La propriété TARGET peut prendre d'autres valeurs :
_self : charge la page dans la même fenêtre que celle où se trouve le lien
_parent : charge la page dans le même frame que celui où se trouve le lien
_top : charge la page dans la fenêtre entière en écrasant les frames

En conclusion, un des avantages majeurs de l'utilisation des frames est que l'on peut utiliser plusieurs fichiers sources avec un contenu différent. Dans notre exemple, le contenu du fichier corps.html aurait pu être dispersé dans quatre autres fichiers html contenant chacun un des quatre chapitres. Ce partage aurait permis de faciliter davantage la lecture de la page web en ne l'encombrant pas des chapitres que l'on ne veut pas lire. En supposant que les fichiers chapitre1.html, chapitre2.html, chapitre3.html, chapitre4.html soient au préalable créés, le code source du menu serait :

<a href="chapitre1.html" target="corps">CHAPITRE 1</a> <br />

<a href="chapitre2.html" target="corps">CHAPITRE 2</a> <br />

<a href="chapitre3.html" target="corps">CHAPITRE 3</a> <br />

<a href="chapitre4.html" target="corps">CHAPITRE 4</a> <br />




Perso Etula
Etula.com

Hot Etula

Perso Etula

Google.fr

Yahoo.fr

Voila.fr
Etula perso, tous droits réservés © 1999 - 2007