Ci-dessous, les différences entre deux révisions de la page.
| Prochaine révision | Révision précédente | ||
|
html:listes [2017/03/08 19:45] noordo créée |
html:listes [2018/02/02 15:43] (Version actuelle) noordo [Listes à puces] |
||
|---|---|---|---|
| Ligne 2: | Ligne 2: | ||
| ===== Listes ordonnées ===== | ===== Listes ordonnées ===== | ||
| + | |||
| + | Pour des listes ordonnées on utilise les balises **ol** et **li**. | ||
| ==== Exemples ==== | ==== Exemples ==== | ||
| + | |||
| + | === Exemple de liste ordonnée simple === | ||
| <webcode height=100> | <webcode height=100> | ||
| * HTML | * HTML | ||
| - | <code HTML> | + | <code html> |
| <ol> | <ol> | ||
| <li>Ananas</li> | <li>Ananas</li> | ||
| Ligne 15: | Ligne 19: | ||
| </code> | </code> | ||
| </webcode> | </webcode> | ||
| + | |||
| + | === Exemple de liste ordonnée avec des sous-listes === | ||
| <webcode height=200> | <webcode height=200> | ||
| * HTML | * HTML | ||
| - | <code HTML> | + | <code html> |
| <ol> | <ol> | ||
| <li>Claude Monet | <li>Claude Monet | ||
| Ligne 44: | Ligne 50: | ||
| ===== Listes à puces ===== | ===== Listes à puces ===== | ||
| + | |||
| + | Pour des listes à puces, on utilise les balises **ul** et **li**. | ||
| ==== Exemples ==== | ==== Exemples ==== | ||
| + | |||
| + | === Exemple de liste (à puces) simple === | ||
| <webcode height=100> | <webcode height=100> | ||
| * HTML | * HTML | ||
| - | <code HTML> | + | <code html> |
| <ul> | <ul> | ||
| <li>Ananas</li> | <li>Ananas</li> | ||
| Ligne 57: | Ligne 67: | ||
| </code> | </code> | ||
| </webcode> | </webcode> | ||
| + | |||
| + | === Exemple de liste (à puces) avec des sous-listes === | ||
| <webcode height=200> | <webcode height=200> | ||
| * HTML | * HTML | ||
| - | <code HTML> | + | <code html> |
| <ul> | <ul> | ||
| <li>Claude Monet | <li>Claude Monet | ||