26 0 278KB
Exercices HTML
www.rahmouni.ma
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
Lien : hypertexte o si le nom de la cible #cible est omis, le renvoi s'effectuera au début du document pointé par l'URL o si l'URL est omis et qu'il n'y a qu'une cible #cible, il s'agit d'un lien intra-page (renvoyant quelque-part dans la page courante) o l'attribut TITLE="description" fait apparaître (à partir de Mozilla 1, Netscape 6, IE 5) le texte descriptif spécifié relatif au lien sous forme de "tooltip" jaune lorsque le curseur survole le lien (mouseover) o l'attribut ACCESSKEY="car." permet d'activer le lien par le raccourci-clavier (testez ces deux liens : lien1 () et lien2 () ) Cible à l'intérieur d'une page (ancre, label) :
Dans bloc ... : Cette balise permet de spécifier l'URL de base pour tous les URLs-relatifs du document (spécifiés par des HREF= etSRC=). En l'absence de cette balise, l'URL de base est celui de la page courante.
Exercices HTML
www.rahmouni.ma
Exercice Reprenez la page HTML créée lors du premier exercice et réalisezy les compléments décrits ci-dessous : Etape
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
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
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 3
Le site Webdowww.webdo.ch Le serveur FTP anonyme mirroir de SWITCHftp://sunsite.cnlab-switch.ch/mirror La bibliothèque de l'ETHZtelnet://ethics.ethz.ch
Exercices HTML
www.rahmouni.ma
Puis modifiez votre pied de page comme ci-dessous de façon que si l'on clique sur votre nom cela génère 4 automatiquement la rédaction d'un E-mail à votre attention avec le sujet "Feed-back Home-page" :
Exercices HTML
www.rahmouni.ma
Solution Etape 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 1 place au point suivant de l'exercice : 4. Mes coordonnées 5. Mon curriculum vitae 6. Mes hobbies
Solution