Exercices sur les liens et ancres en xHTML

test des ancres internes dans une page xHTML

Écrire une page xHTML 1.1 qui présente des liens sur des ancres internes à la page.

Faire en sorte que cette page soit suffisamment longue afin d'éviter que liens et ancres soient simultanément visibles.

Fichier à produire  :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
  <head>
  <meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
  <title>Liste descriptive des 5 sens en mode compact.</title>
</head>
<body>
<h1>Les 5 sens</h1>
 
<p>Nos sens sont :
    <a href="#vue">Vue</a>,
    <a href="#ouie">ouïe</a>,
    <a href="#odorat">odorat</a>,
    <a href="#gout">goût</a> et
    <a href="#toucher">toucher</a>.
</p>
 
<dl>
  <dt id="vue">VUE</dt>
  <dd>Faculté de voir; sens par lequel on perçoit la forme, la couleur, le 
    relief des choses matérielles;</dd>
  <dd>Action de regarder, d'examiner;
    ..... <br/>..... <br/>..... <br/>..... <br/>
    ..... <br/>..... <br/>..... <br/>..... <br/>
    ..... <br/>..... <br/>..... <br/>..... <br/></dd>
 
  <dt id="ouie">OUÏE</dt>
  <dd>Sens par lequel sont perçus les sons.</dd>
  <dd>Orifice pair de sortie de l'eau respiratoire, situé en arrière 
    des opercules chez les poissons osseux.
    ..... <br/>..... <br/>..... <br/>..... <br/>
    ..... <br/>..... <br/>..... <br/>..... <br/>
    ..... <br/>..... <br/>..... <br/>..... <br/></dd>
  <dt id="odorat">ODORAT</dt>
  <dd>Sens permettant la perception des odeurs, localisé à la tache 
    olfactive des fosses nasales chez les vertébrés, aux antennes chez 
    les insectes.
    ..... <br/>..... <br/>..... <br/>..... <br/>
    ..... <br/>..... <br/>..... <br/>..... <br/>
    ..... <br/>..... <br/>..... <br/>..... <br/></dd>
  <dt id ="gout">GOÛT</dt>
  <dd>Sens qui permet de discerner les saveurs des substances liquides ou dissoutes;</dd>
  <dd>Saveur d'un aliment;</dd>
  <dd>Discernement, sentiment du beau;
    ..... <br/>..... <br/>..... <br/>..... <br/>
    ..... <br/>..... <br/>..... <br/>..... <br/>
    ..... <br/>..... <br/>..... <br/>..... <br/></dd>
  <dt id="toucher">TOUCHER</dt>
  <dd>Sens qui permet, par le contact direct de certains organes, de reconnaître 
    la forme et l'état extérieur des corps;</dd>
  <dd>Impression produite par un corps que l'on touche;
    ..... <br/>..... <br/>..... <br/>..... <br/>
    ..... <br/>..... <br/>..... <br/>..... <br/>
    ..... <br/>..... <br/>..... <br/>..... <br/></dd>
</dl>
<p><a href="http://validator.w3.org/check?uri=referer">page xHTML validé !</a></p>
</body>
</html>
voir le résultat

test des ancres internes et externes dans une page xHTML

Écrire une page xHTML 1.1 qui présente :

Fichier à produire  :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
  <head>
  <meta http-equiv="Content-type" content="text/html; charset=UTF-8"/>
  <title>exemple liens et ancres</title>
</head>
<body>
<h2>Les organes des sens</h2>
<p>À chaque instant, de multiples événements se déroulent autour de nous et nous réagissons.<br/>
sur <a href="01_les5sens.php">cette page</a> nos sens sont présentés. ceux-ci sont :
<a href="01_les5sens.php#vue">Vue,</a>
<a href="01_les5sens.php#ouie">ouïe,</a>
<a href="01_les5sens.php#odorat">odorat,</a>
<a href="01_les5sens.php#gout">goût,</a>
<a href="01_les5sens.php#toucher">toucher</a></p>
<p>Chacun d'eux a une mission différente. Les informations captées par nos organes
 des sens <a href="#note1" id="retour1"><strong>(note 1)</strong></a> se complètent.
<!-- adresse de branchement note1, adresse de retour retour1 -->
Nos comportements sont des réponses à des informations d'origine intérieure ou extérieure. 
</p>
 
<div>
..... <br/>..... <br/>..... <br/>..... <br/>
..... <br/>..... <br/>..... <br/>..... <br/>
..... <br/>..... <br/>..... <br/>..... <br/>
..... <br/>..... <br/>..... <br/>..... <br/>
..... <br/>..... <br/>..... <br/>..... <br/>
..... <br/>..... <br/>..... <br/>..... <br/>
..... <br/>..... <br/>..... <br/>..... <br/>
..... <br/>..... <br/>..... <br/>..... <br/>
..... <br/>..... <br/>..... <br/>..... <br/>
..... <br/>..... <br/>..... <br/>..... <br/>
..... <br/>..... <br/>..... <br/>..... <br/>
..... <br/>..... <br/>..... <br/>..... <br/>
..... <br/>..... <br/>..... <br/>..... <br/>
..... <br/>..... <br/>..... <br/>..... <br/>
..... <br/>..... <br/>..... <br/>..... <br/>
..... <br/>..... <br/>..... <br/>..... <br/>
 
</div>
 
<p id="note1"><a href="#retour1">note 1</a>
<!-- adresse note1, adresse de branchement retour1 -->
les organes des sens sont : les yeux, les oreilles, le nez, la langue, la peau</p>
<p><a href="http://validator.w3.org/check?uri=referer">page xHTML validé !</a></p>
</body>
</html>
voir le résultat
pages validées par Valid XHTML 1.1 CSS validé !