Une URL intra-page permet de «naviguer» facilement à l'intérieur d'un fichier .html. C'est le cas du bouton présent en bas à droite de cette page qui contient un lien conduisant directement au haut de la page. Ces URL peuvent être associées aux URL relatives afin d'atteindre un emplacement précis d'une autre page.

Par exemple, en cliquant ici, on ouvre la page des liens absolus au niveau de l'exercice n°1.

Méthode

• On donne un identifiant unique à la balise Html de l'élément à cibler avec l'attribut id="...".
  <h1 id="presentation">Présentation</h1>
• On crée le lien vers ces identifiants (précédés du symbole #) dans une balise «ancre» <a>.
  
  <a href="#presentation">Lien vers le titre</a>.

L'attribut href="#" conduit le lien en haut de la page Html consultée.

Le fichier .html ci-dessous présente les compétences, concernant la spécialité ISN, décrites par le bulletin officiel.

Compléter le code afin que :

• chaque lien «Décrire», «Concevoir», «Collaborer», «Communiquer» et «Responsabiliser» renvoie vers le paragraphe correspondant ;
• chaque lien «Haut de page» renvoie vers le haut de la page.

On peut bien évidemment «mélanger» un lien interne au site avec un lien intra-page. Il faut alors connaître l'arborescence de son site pour atteindre la page désirée ainsi que l'identifiant de la partie de la page à cibler.

Afficher le paragraphe «Concevoir» de la page accueil_html_css.html sachant que cette page se situe au même niveau que le répertoire contenant la page courante.