Exercice HTML : Liens hypertextes

Thème

Connaître les techniques d'établissement de liens hypertextes pointant vers une autre page HTML, voire à un endroit précis à l'intérieur d'une page. Usage d'URL de différents types (http, mailto, ftp, news, telnet...)

Pour la réalisation de "boutons", voir les exercices "Images inline" et "Boutons".

Balises

Références

Exercice

Reprenez la page HTML créée lors du premier exercice et réalisez-y les compléments décrits ci-dessous :


 EtapeSolution
1 Ajoutez au début de la page (juste sous le titre de premier niveau "Jules Ducommun") une table des matières hypertexte de ce genre pointant vers des "cibles" que l'on mettra en place au point suivant de l'exercice :

  1. Mes coordonnées
  2. Mon curriculum vitae
  3. Mes hobbies

<OL>
<LI><A HREF="#coord">Mes coordonnées</A>
<LI><A HREF="#curric">Mon curriculum vitae</A>
<LI><A HREF="#hobbies">Mes hobbies</A>
</OL>
2 Mettez en place les "cibles" (des liens créés au point précédent) juste avant les titres de chapitre,

puis testez que vos renvois hypertextes de table des matières fonctionnent

Juste avant <H2>Mes coordonnées</H2> placez :
     <A NAME="coord">
Juste avant <H2>Mon curriculum vitae</H2> placez :
     <A NAME="curric">
Juste avant <H2>Mes hobbies</H2> placez :
     <A NAME="hobbies">

3

Ajoutez à votre page HTML le chapitre ci-dessous contenant des liens pointant vers des sites externes, puis testez que tous ces liens fonctionnent !
Mes sites préférés
<HR WIDTH="60%">
<H2>Mes sites préférés</H2>
<UL>
<LI>Le site Webdo
  <A HREF="http://www.webdo.ch">www.webdo.ch</A>
<LI>Le serveur FTP anonyme mirroir de SWITCH
  <A HREF="ftp://sunsite.cnlab-switch.ch/mirror">
     ftp://sunsite.cnlab-switch.ch/mirror</A>
<LI>La bibliothèque de l'ETHZ
  <A HREF="telnet://ethics.ethz.ch">
     telnet://ethics.ethz.ch</A>
</UL>
4

Puis modifiez votre pied de page comme ci-dessous de façon que si l'on clique sur votre nom cela génère automatiquement la rédaction d'un E-mail à votre attention avec le sujet "Feed-back Home-page" :

    Jules Ducommun / révision 2.5.99

<HR><I>
   <A HREF="mailto:Jules.Ducommun@epfl.ch?Subject=
   Feed-back Home-page">Jules Ducommun</A> /
   révision 2.5.99
</I>


Exercices HTML © J.-D. Bonjour / ENAC-IT1, EPFL / Révision 4.8.2004