TechWeb
Accueil Codage HTML CSS DESIGN XML LaboCSS

Techniques de retraits

On souhaite représenter le code HTML décrivant le tableau suivant :


haut gauche haut droit
bas gauche bas droit

Afin d'améliorer la lisibilité du code, on utilise des retraits pour clairement visualiser les imbrications comme ci-dessous :

<table border="1">
<tr>
<td>
haut gauche
</td>
<td>
haut droit
</td>
</tr>
<tr>
<td>
bas gauche
</td>
<td>
bas droit
</td>
</tr>
</table>
  1. Obtenir ce résultat avec les seules balises <p> <blockquote> et br/>
  2. Obtenir ce résultat en utilisant des imbrications de listes. Pour empêcher l'affichage des puces on pourra utiliser un style CSS dans les balises <ul> : <ul style="list-style-type: none;">
  3. Obtenir ce résultat en utilisant un tableau dont on n'affichera pas la bordure.
Valid XHTML 1.0 Strict Valid CSS!

Copyright Gabriel Braun 2007