### TD3 : "Liens et Ancres"

## But du TD

But :
Le but de ce TD est de réaliser des liens et plus précisément ici un type de liens précis : les ancres. En effet, les ancres permettent de se déplacer rapidement ou trouver rapidement une information se trouvant dans la même page. À la fin de ce TD vous devriez pouvoir arriver au résultat suivant :

## Correction

<html>
<head>
<title>Le titre de votre page</title>
</head>
<body>
<h1 align ="center">Le système Solaire</h1>
<table>
<tr>
<td width="450 px"><em>Voici les planètes qui constituent notre système solaire.</em></td>
<td>
<li><a href="#mercure"> Mercure </a></li>
<li><a href="#venus">Vénus </a></li>
<li><a href="#laterre"> La Terre </a></li>
<li><a href="#mars"> Mars </a></li>
<li><a href="#jupiter"> Jupiter </a></li>
<li><a href="#saturne"> Saturne </a></li>
<li><a href="#uranus"> Uranus </a></li>
<li><a href="#neptune"> Neptune </a></li>
<li><a href="#pluton"> Pluton </a></li>
</td>
</tr>
</table>
</body>
</html>

#### Explications:

Ici, on a utilisé des ancres pour les liens. Les ancres, pour rappel, nous permettent d'accèder à un endroit précis de la page. IL ne faut surtout pas oublier le # devant le nom de l'ancre. Il faut préciser que pour que ce type de liens fonctionnent, il est nécessaire que la cible possède un attribut id dans sa balise repère.

Essayer

retour haut