TD: Création d'un document HTML 4

Travail à effectuer

  1. Créer un document avec Netscape Composer qui ait les caractéristiques suivantes:
    1. Le titre: "Mon premier document HTML 4.0"
    2. De langue française
    3. Les mots clés: "HTML" et "essai"
    4. Une section intitulée: "Première section" contenant le paragraphe suivant:

      Voici un paragraphe stupide qui n'a que pour interêt d'avoir un peu de corps. Si ce n'était pour ce TD jamais un tel document n'existerait!

  2. Mettre le mot "interêt" en majuscules accentuées.
  3. Ajouter le paragraphe "un élément de liste". Donner lui le style "List Item".
  4. Le document ainsi créé est-il valide? Sinon, que faut-il faire pour qu'il le soit? Que penser de Netscape Composer?

    ** Les exercices suivants sont à faire à l'aide d'un éditeur de texte du type emacs **

  5. Placez vos documents HTML pour qu'ils soient visibles sur le web, par l'URL "http://www-mips.unice.fr/~user/tdhtml/document.html"
  6. Corrigez le document précédent pour qu'il "passe" au validator et à tidy (liens plus bas), avec la DTC HTML "transitional". Lorsque le document passe au validator, celui-ci vous propose d'ajouter un lien à votre document, insérez-l'y.
  7. Visualisez ce document avec le navigateur "lynx".
  8. Visualisez ce document avec mozilla, la prochaine génération du navigateur de netscape. Pour cela, faites "cd ~devernay/package;./mozilla http://www-mips.unice.fr/~user/tdhtml/document.html"
  9. Créer un deuxième document ayant pour titre "Mon deuxième document HTML 4.0" avec une section contenant un texte quelconque. Former une collection a l'aide des deux documents ainsi créés. L'information relative à la collection est-elle exploitable avec Netscape Navigator ? Et avec Lynx ?
  10. Créez, avec netscape ou emacs, un document contenant votre CV, l'en-tête sera fait en utilisant une "table" pour justifier le nom à gauche et l'adresse à droite. Pour le chapitre "Formation et diplômes", vous créerez également une "table", contenant les années dans la colonne de gauche et la description dans la colonne de droite. N'oubliez pas votre photo.
  11. Validez votre document et modifiez-le en conséquence. Visualisez-le avec netscape et lynx.
  12. Allez lire la DTD de HTML4 (lien ci-dessous). Quels sont les attributs d'un élément IMG? Quels sont les attributs possibles pour une ligne de table (TR) ? quels sont les valeurs possibles pour l'alignement horizontal ou vertical d'un élément de table ?

Liens pour le TD

Frederic Devernay

Last modified: Tue Mar 21 10:33:54 MET 2000