XHTML

Pour reproduire ce TP chez vous, vous pouvez télécharger les logiciels suivants :

Support de cours à télécharger

TP sur XHTML

Attention, chaque ligne de votre code doit être commentée (vous devez expliquer ce que vous faites).

  • Créer un document qui se nommera VotreNom_VotrePrenom.html
  • Insérer les balises indispensables à sa bonne formation (le doctype doit être de type transitionnel, cf. ci-dessous).
  • Insérer les balises des meta-données correspondantes.
  • Insérer un titre de niveau 3, qui sera centré et en gras.
  • Insérer le logo de l'Inalco à droite, et ajouter un lien vers le site de l'Inalco quand on clique dessus.
  • Créer un tableau à trois colonnes, qui aura pour titre Cours de XHTML.
  • La 1ère colonne contiendra le nom des balises, la 2e colonne leur explication (à quoi elles servent) et vous indiquerez dans la 3e si vous en avez compris le fonctionnement ou bien si quelque chose vous pose problème.
  • Changer la couleur de fond (autre que blanc).
  • Insérer un paragraphe en italique.
  • Insérer un 2e paragraphe, en changeant la couleur de la police.
  • Validez en ligne votre document en copiant-collant votre code.
  • Insérer le logo fourni par le W3C dans votre page.
  • Passez en xhtml1-strict.dtd.
  • Validez votre fichier (renommé VotreNom_VotrePrenom2.html).
  • Quelles remarques pouvez-vous faire ?

1) Entête XHTML transitionnel :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 

2) Entête XHTML strict :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

------------------

Pour celles et ceux qui ont terminé, essayez de transformer votre document XHTML en HTML 5.

Une synthèse des codes à utiliser est disponible ici (source : 41mag.fr)