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 :
| <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> |
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.
