Les listes à puces - Cours XHTML
| Nom du cours: | Les listes à puces |
| Auteur: | Guillaume |
| Catégorie: |
Posté dans la catégorie XHTML |
| Commentaire(s): |
suite... | 0 commentaire |
Le cours XHTML
Il existe trois types de listes à puces:
- Les listes ordonnées
- Les listes non ordonnées
- Les listes de définitions
Les listes non ordonnées sont des éléments sans notions d'ordre, aucun premier ni dernier, on utilise alors la balise "<ul>", par exemple:
Pour écrire des éléments entre la balise "<ul>" il vous faut utiliser une autre balise qui se nome "<li>", par exemple
<ul>
<li>Mon premier élément</li>
<li>Mon seconde élément</li>
</ul> Si vous voulez maintenant une liste ordonnée, il vous faut changer juste la première balise c'est à dire "<ul>" et "</ul>" par "<ol>" et "</ol", par exemple:
<ol>
<li>Mon élément</li>
<li>Mon élément</li>
</ol> Vos éléments sont maintenant ordonnés et des chiffres sont placés juste à gauche de votre texte...
Pour la liste de définition, il faut encore changer la première balise "<ol>" par "<dl>" et bien sûr "</ol>" par "</dl"> mais ce n'est pas tout, ici il n'est plus question de balise "<li>" mais de "<dt>" et de "<dd>"... Récapitulons:
- La balise <dl> sert d'ouverture
- La balise <dt> pour écrire les mots
- La balise <dd> pour écrire les définitions
Rien de mieux qu'un bon petit exemple !:
<dl>
<dt>Webmaster Online</dt>
<dd>Sites pour Webmasters néophytes ou professionnels</dd>
<dt>Autre mot</dt>
<dd>Autre définition à placée ici</dd>
</dl> Les mots sont placés sur la gauche alors que les définitions sont décalées vers la droite...
Pour mettre des couleurs etc.. il vous faut utiliser les CSS pour la mise en forme, le XHTML est la mise en page tandis que les CSS sont la mise en forme, à ne surtout pas confondre.
|
Accueil
Statut
