Navigation

Un site Web ne serait pas un site Web s'il n'était constitué que d'une seule page.

Comme nous allons créer plusieurs pages, nous devrons permettre à l'usager de se rendre d'une page à l'autre.

Les liens

Un lien est une portion de texte ou une image qui permet de naviguer vers :
- Une page d'un autre site (lien externe)
- Une autre page de notre site (lien local)
- Une section de notre page
  (lien interne ou point d'ancrage)
Pour qu'un lien fonction, il a besoin de 2 choses :
- Une zone cliquable
- Une adresse de destination
Pour insérer un lien on utilise la balise a. La zone cliquable est le contenu de l'élément a et l'adresse de destination est la valeur de son attribut href.

a href=http://tim.cstj.net/web1Web 1/a

Le contenu d'un élément a constitue la zone cliquable du lien.
- Il est par défaut bleu et souligné, mais on peut modifier cette mise en page à l'aide des CSS
La balise a est de type in-line. Elle ne devrait donc pas pouvoir contenir de balises de type block : p, h1, h2... Mais en HTML 5, cette balise est une exception à cette règle!
L'attribut obligatoire href sert à donner l'adresse de destination du lien.
L'attribut optionnel target peut notamment ouvrir la destination dans une nouvelle fenêtre (ou un nouvel onglet) en lui donnant la valeur _blank.

La destination du lien pointe habituellement vers une autre page, mais elle peut également pointer vers un élément à l'intérieur de la page (lien interne).
Pour créer un lien interne, on crée tout d'abord un point d'ancrage dans la page en donnant à un élément HTML l'attribut id :
h2 id=iciJe reste ici/h2

p id=laNe bouge pas de là/p
Ensuite on appelle ce lien dans le href à l'aide du dièse :
a href=#iciLien vers ici/a

a href=#laLien vers la/a
On peut pointer sur le milieu d'une autre page en combinant les deux :

a href=autrepage.htm#loin

Lien vers "loin" dans autrepage.htm

/a