Retrait de texte

Un plan , un cours, du code source quel qu'en soit le langage, ont en commun d'être une information structurée sous forme arborescente (titres, sous-titre). On représente classiquement cette hierarchie par des retraits progressifs du texte selon le niveau de profondeur comme dans l'exemple ci-dessous.

 

L'arbre correspondant à ce document à l'allure suivante :

ou de manière équivalente :

Une simple succession d'éléments de titre et de paragraphes ne rend pas compte des relations entres parties du texte.

1. En vous inspirant de l'arbre ci-dessus, écrire un document XHTML reflétant cette structure. On utilisera exclusivement les éléments de titre h1, h2 ....h6, l'élément paragraphe p et l'élément générique div.
2. Comment permettre les retraits du texte aux différents niveaux par une simple règle CSS.
3. Appliquer cette structuration XHTML et présentation CSS au texte ci-dessous.

Copyright Gabriel Braun 2007