Espace
Espace
Espace
Virtuel
Virtuel
Virtuel
(X)HTML
Les listes
Listes à puces
Listes numérotées
Listes de termes
Les tableaux
Tableaux
Les cellules, bordures
Légendes et titres
Alignement
Différents types de liste

Les listes de termes

Bien souvent, nous avons des termes avec leurs définition à mettre en page. Pour cela, il y a des balises pour les mettrent en forme. La balise <DL>, <DT> et <DD>.

Réalisation d'une liste de termes, pour la définition de HTML et XHTML.

Code
<dl>
   <dt>HTML</dt>
      <dd>HyperText Markup Language est un langage de mise en forme de documents hypertextes.</dd>
      <dd>Hypertexte, signifie que les textes contiennent des références croisées et Markup renvoie aux propriétés de formatage du texte (titre, liste, gras etc...)</dd>
   <dt>XHTML</dt>
   <dd>eXtended HTML est une version du HTML qui se rapproche du futur standard XML.</dd>
</dl>
Résultat
HTML
HyperText Markup Language est un langage de mise en forme de documents hypertextes.
Hypertexte, signifie que les textes contiennent des références croisées et Markup renvoie aux propriétés de formatage du texte (titre, liste, gras etc...)
XHTML
eXtended HTML est une version du HTML qui se rapproche du futur standard XML.

Les listes imbriquées

Vous désirez créer une liste imbriquée, comme le sommaire d'un livre par exemple. Si vous avez lu l'utilisation de la balise <ol>, <ul> et <li> vous devriez très facilement comprendre l'exemple ci-dessous.

Réalisation d'un sommaire

CodeRésultat
<ol type="I">
   <li>Les listes à puces</li>
   <ol type="1">
      <li>Les styles de puces</li>
      <li>Changer les puces</li>
      <li>Personnaliser ses puces</li>
      <li>Supprimer les puces</li>
   </ol>
   <li>Les listes numérotées</li>
   <ol type="1">
      <li>Démarrer la numérotation avec START</li>
      <li>Les styles de numérotation</li>
      <ol type="a">
         <li>arabic-numbers</li>
         <li>lower-alpha</li>
         <li>upper-alpha</li>
         <li>lower-roman</li>
         <li>upper-roman</li>
      </ol>
      <li>Supprimer la numérotation</li>
   </ol>
</ol>
  1. Les listes à puces
    1. Les styles de puces
    2. Changer les puces
    3. Personnaliser ses puces
    4. Supprimer les puces
  2. Les listes numérotées
    1. Démarrer la numérotation avec START
    2. Les styles de numérotation
      1. arabic-numbers
      2. lower-alpha
      3. upper-alpha
      4. lower-roman
      5. upper-roman
    3. Supprimer la numérotation