Créer son site Web

ul, ol, li, dl, dt, dd
balises de listes

livre création de site Internet-Bon de commande

Formation site internet>compléments du livre>Exemples de code XHTML et CSS>Balises de liste>

Balises de liste à puce et numérotées et balises de définition - ul, ol, li, dl, dt, dd. Cette page internet est relative à la programmation en XHTML (pages 103 à 113 sur la syntaxe). Elle complète les pages 188 à 199 (ul, ol, li, dl, dt, dd) du livre-atelier Créer son site Web pas à pas."

Création site Web Formation site Web Livre site Web

Listes balises ul, ol, li

Listes à puces

Exemple de liste, balises ul, li (page 189)

liste à puces

Lignes XHTML correspondantes

<ul><!--conteneur de liste à puce -->
<li>XHTML</li><!--élément de liste -->
<li>CSS</li><!--élément de liste -->
<li>PHP</li>
<li>MySQL</li>
</ul>

Listes numérotée

Exemple de liste, balises ol, li (page 189)

liste numérotée

Lignes XHTML correspondantes

<ol><!--conteneur de liste à puce -->
<li>XHTML</li><!--élément de liste -->
<li>CSS</li><!--élément de liste -->
<li>PHP</li>
<li>MySQL</li>
</ol

Listes imbriquées

listes imbriquées

Exemple de listes à puces et de listes numérotées imbriquées (page 190)

<ol> <!--conteneur de la liste principale -->
<li>Langage de présentation <!--remarque la dernière balise li avant la liste imbriquée n'est pas fermée-->
<ul> <!--conteneur de la première liste secondaire-->
<li>XHTML</li>
<li>CSS</li>
</ul>
</li> <!--fermeture de la dernière balise li de la liste principale -->
<li>Langage de programmation
<ul> <!--conteneur de la deuxième liste secondaire-->
<li>PHP</li>
<li>MySQL</li>
</ul>
</li>
</ol>

Listes de définitions

Exemple de liste de définition

Pour présenter un glossaire, un lexique, ou un dictionnaire, balises de définition dl, dt, dd (page 191)

Liste de définition

Lignes XHTML correspondantes

<dl> <!--conteneur de définitions-->
<dt> <!--mot à définir -->
Informatique
</dt>
<dd> <!--définition proprement dite-->
Traitement automatique des informations.
</dd>
</dl>

Les autres balises XHTML

Autres exemples de code XHTML à copier-coller :

S'abonner à notre flux RSS

Tweeter

Compléments du livre

Créer son site Web

Propriétés CSS

Balises XHTML

Contact

Valid xhtml 1.0 Strict

Glossaire Annuaire des participants Supports pédagogiques Mentions légales Annuaire

Courriel
04-71-59-78-67