Menu
CoddyTech
Commencer à apprendre

Liste ordonnée

Fait partie de la section Fondamentaux du Journey HTML de Coddy. Leçon 13 sur 60.

En HTML, une liste ordonnée est une liste d’éléments classés par nombres ou par lettres. Pour créer une liste ordonnée, tu utilises la balise <ol>. Chaque élément de la liste est défini à l’aide de la balise <li>.

Voici comment créer une liste ordonnée en HTML :

<ol>
  <li>First item</li>
  <li>Second item</li>
  <li>Third item</li>
</ol>

Dans cet exemple, la balise <ol> définit la liste ordonnée, et chaque balise <li> représente un élément de liste. Lorsqu’il est affiché dans un navigateur, ce code crée une liste numérotée :

  1. Premier élément
  2. Deuxième élément
  3. Troisième élément

Les listes ordonnées sont utiles pour présenter des éléments dont l’ordre compte, comme les étapes d’une procédure ou une liste d’éléments classés.

challenge icon

Défi

Facile

Crée un document HTML avec une liste ordonnée contenant trois éléments : "First", "Second" et "Third". (Dans cet ordre)

Essayez vous-même

<!DOCTYPE html>
<html>
    <body>
        <!-- Écrivez le code ici -->
    </body>
</html>
quiz iconTestez-vous

Cette leçon comprend un petit quiz. Commencez la leçon pour y répondre et suivre votre progression.

Toutes les leçons de Fondamentaux

1Les bases du HTML

Qu'est-ce que le HTML ?Structure de base du HTMLBalises et élémentsImbrication et fermeture des balisesCommentaires en HTML

4Fiche de recette

Aperçu du projetTitre et description de la recetteLeçon de projetIngrédientsLeçon de projetÉtapesLeçon de projet

7Page de profil personnel

Présentation du projetSection d'en-têteLeçon de projetPhoto de profilLeçon de projetSection À propos de moiLeçon de projetLiens sociauxLeçon de projet

10Tableaux

Bases des tableauxAjouter des légendesFusionner des lignes et des colonnesRécapitulatif - Tableaux

2Texte et mise en forme

TitresParagraphesSauts de ligneTexte en gras et italiqueGras et italique (suite)Récapitulatif - Mise en forme

5Ajouter du contenu

Attributs HTMLLiensLiens vers une nouvelle pageImagesAttributs d'image

8Formulaires et champs de saisie, partie 1

Bases des formulairesChamps de texteAttributs des champsChamp de mot de passeLibellés pour les champsRécapitulatif - Formulaire de base

11Page d'inscription à un événement

Aperçu du projetSection d'en-têteLeçon de projetSection des détails de l'événementLeçon de projetFormulaire d'inscriptionLeçon de projetSection de pied de pageLeçon de projet

3Travailler avec les listes

Liste non ordonnéeListe ordonnéeListes imbriquéesRécapitulatif - Les listes

6Mise en page

DivisionsSpans en ligneBalises sémantiquesSections et articlesRécapitulatif - Mise en page

9Formulaires et entrées, partie 2

Boutons radioCases à cocherListes déroulantesBoutonsBoutons dans les formulairesRécapitulatif - Formulaires n°1Récapitulatif - Formulaires n°2

12Défis finaux

Carte de profil simpleCarte d'invitation à un événementPage d'article simpleListe de livres favoris

Entraînez-vous par vous-même : Playground Web