Kit graphique
du jour


plus de kits graphiques
  Forum Webmaster
  Annuaire
  PAGES
  Langages
  Création des pages
  Logiciels
  Services
  DESIGN
  Généralités
  Kits graphiques
  Création de bannières
  INDISPENSABLE
  Nom de domaine
  Hébergement
  Hébergeurs allopass
  + DE TRAFIC
  Référencement
  Echanges de bannières
  Campagnes de pub
  GAGNER DE L'ARGENT
  En affichant de la pub
   
  Partenaires
 


Accueil Cestfacile.org FORUM Partenaires

langage html

LES LIENS HYPERTEXTES ET ANCRAGES

Présentation des ancrages

Les ancrages (liens hypertextes) sont des éléments d'une page HTML (soulignés lorsqu'il s'agit de texte) qui emmènent dans un autre endroit lorsqu'on clique dessus. C'est ce qui permet de lier des pages Web entre elles. Les liens hypertextes permettent de naviguer:

  • vers un autre endroit du document
  • vers un fichier HTML situé à un emplacement différent sur la machine qui héberge la page
  • vers une autre machine
L'attribut principal des ancrages est href. Il s'écrit sous la forme:

<a href="Adresse ou URL"> .. </a>

Lien externe

Il crée un lien vers une page dont on spécifie l'URL Par exemple:

<a href="http://www.commentcamarche.net"> Comment ça marche? </a>

en local

On peut créer un lien vers une page située sur le même ordinateur en remplaçant l'URL par le fichier cible.

Ce lien peut être fait de façon relative, en repérant le fichier cible par rapport au fichier source. Si le fichier cible est "index.html" situé dans le répertoire parent, son lien s'écrira:

<a href="../index.html"> ... </a>

Ce lien peut aussi être fait de façon absolue, en écrivant l'adresse du fichier cible de façon locale:

<a href="file:///lecteur:/répertoire/index.html"> ... </a>

Les signets

On peut créer un signet dans une page c'est-à-dire marquer un endroit précis d'une page pour s'y rendre par hypertexte. Cela se fait grâce à l'attribut NAME ou ID (pour les browsers plus récents) Par exemple:

<p id="signet"> ... </p>

On l'appellera grâce au lien suivant:

<a href="#signet"> ... </a>

On peut ainsi se déplacer à un endroit précis sur une autre page:

<a href="url/nom_du_fichier.html#signet"> ... </a>

page suivante : les images