HTML
LEÇON 3


Objectif du Cours

Comprendre l'utilisation des listes en HTML pour structurer et organiser le contenu des pages web. Ce cours couvrira les trois types de listes HTML : ordonnée, non ordonnée et liste de définition.


Introduction


Les listes sont un élément essentiel pour organiser l'information sur une page web. HTML propose trois types principaux de listes, chacune adaptée à des contextes spécifiques.






1. Liste Non Ordonnée < ul > (Unordered List)



La liste non ordonnée est utilisée lorsque l'ordre des éléments n'a pas d'importance. Les éléments sont généralement affichés avec des puces.


EXEMPLE

...

  • Pommes
  • Oranges
  • Bananes
Attributs Possibles :

  • type : Définit le type de puce utilisé. Les valeurs courantes sont disc, circle, et square.

...

Vous avez raison, j'ai omis de mentionner l'attribut start pour la balise < ol >. Cet attribut permet de spécifier la valeur de départ de la numérotation. Voici une mise à jour de la section pertinente :




2. Liste Ordonnée < ol> (Ordered List)



La liste ordonnée est utilisée lorsque l'ordre des éléments a de l'importance. Les éléments sont numérotés par défaut.


EXEMPLE

...

  1. Introduction
  2. Développement
  3. Conclusion

Attributs Possibles :

  • type : Définit le type de numérotation. Les valeurs courantes sont 1 (numérotation), A, a, I, i.

...

  • start : Spécifie la valeur à partir de laquelle la numérotation commence.

...

  1. Étape 5
  2. Étape 6



3. Liste de Définition < dl > (Definition List)



La liste de définition est utilisée pour définir des termes. Chaque terme est suivi de sa définition.


EXEMPLE

...

HTML

...

CSS

...

Attributs Possibles :

Aucun attribut spécifique aux listes de définition n'est couramment utilisé.


Imbrication de Listes

Il est possible d'imbriquer des listes à l'intérieur d'autres listes pour créer une structure plus complexe.


EXEMPLE

...

  • Fruits
    • Pommes
    • Oranges
  • Légumes
    • Carottes
    • Pommes de terre

En résolvant l'imbrication de la liste, commencez par le niveau le plus élevé et descendez jusqu'au niveau le plus bas.


Conclusion


Les liens sont l'élément clé de la navigation web. En maîtrisant la création de liens en HTML, vous pouvez construire des sites web interactifs et bien structurés. Comprendre la différence entre les liens externes et internes, les liens ancres, et l'utilisation des chemins absolus et relatifs vous permettra de créer des expériences de navigation fluides et sécurisées.




Cette leçon est terminée. Vous pouvez la trouver au format PDF ci-dessous. Merci.
LECON 3 (PDF)
Trouver des Exercices et des Tutorielles ICI




About BKOI SCHOOL

Qu'est-ce que BKOISCHOOL ?

Nous créons des expériences d'apprentissage simplifiées et interactives. L'apprentissage du développement web devrait être facile à comprendre et disponible pour tout le monde, partout ! BKOI SCHOOL est une école pour les développeurs web, couvrant tous les aspects du développement web :

BKOI SCHOOL a été créé en 2024 et tire son nom de la capitale du MALI BAMAKO (BKO).

Address


ATTBOUGOU, BAMAKO, MALI

Phone


+223 82968859