Correction TD HTML 4.0

Question 1:

Specification de la langue avec: <HTML lang="fr">

Question 2:

Pour obtenir le Ê, rajouter dans le source &Ecirc;

Question 4:

Document invalide, pour le rendre valide rajouter:
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
  2. mettre le premier paragraphe dans un element P (rajouter le tag <P> avant le texte)
  3. mettre l'element de liste dans une liste (<UL>...</UL>)

Question 5:

Creation de la collection par ajout dans HEAD de:

<LINK rel="next" href="doc2.html">
et
<LINK rel="previous" href="doc1.html">

respectivement dans doc1.html et doc2.html.
Netscape Navigator ignore cette information, en revanche Lynx permet la navigation en suivant ces liens.

Question 6:

Ajout de l'image avec:

<IMG src="http://www.essi.fr/PO/Fr/img/logo_essi_big_new.gif">

Pour obtenir le flot demande ajouter a IMG l'attribut: align="left" a l'image. Puis un <BR clear="left"> a la fin du premier paragraphe.

Question 7:

Les images ne evidemment sont pas visibles avec lynx. Ajouter a IMG l'attribut: alt="ESSI.". Note: le document n'est pas valide sans cet attribut (#REQUIRED)!!

Question 8:

Le seul moyen actuellement d'obtenir ce rendu est de le construire a la main en numerotant et en indentant soi-meme:

<P>1. Première Section<BR>
&nbsp;&nbsp;1.1 Première sous section<BR>
&nbsp;&nbsp;1.2 Deuxième sous section<BR>
2. Deuxième Section

Commentaires: Penible a maintenir (numerotation), pas de structure. Solution preferable:

<OL>
 <LI>Première Section
  <OL>
    <LI>Première sous section
    <LI>Deuxième sous section
  </OL>
 <LI>Deuxième Section
</OL>

C'est mieux car c'est structure. Mais on peut pas obtenir les numeros composes "1.1" et "1.2". Ce probleme sera resolu dans l'avenir avec les style sheets (CSS2).

Question 9:

Ajout a IMG de l'attribut: usemap="#mymap".
Puis ajout de la map correspondante:

<MAP name="mymap">
<AREA href="http://www.essi.fr/" alt="ESSI's Home Page"
 shape=rect coords="0,0,172,384">
<AREA href="http://www.w3.org/People/Arnaud" alt="Arnaud's Home Page"
 shape=rect coords="173,0,346,384">
</MAP>

Question 10:

Le seul moyen d'obtenir ce type d'affichage en utilisant uniquement HTML est d'utiliser une TABLE:

<TABLE border="1" width="100%">
<TR><TD>Titre de Section Encadré
</TABLE>

Commentaires: BEUARK! C'est un abus: l'utilisation de TABLE n'a rien a voir avec la structure. Une solution propre existe avec les style sheets (voir prochain cours/TD).

Question 11:

Ajout dans HEAD de:

<META http-equiv="refresh" content="15">