HTML

Créer des listes ordonnées <ol> et non ordonnées <ul>

Créer des listes ordonnées avec <ol> et non ordonnées avec <ul>


Les balises <ol> et <ul> sont utilisées pour créer respectivement des listes ordonnées et non ordonnées dans une page HTML. Voici comment les utiliser :


1. Balise <ol> pour les listes ordonnées :


  • La balise <ol> est utilisée pour créer des listes ordonnées, où chaque élément est numéroté.
  • Chaque élément de liste est défini avec la balise <li>.
  • Exemple :


<ol>
  <li>Élément de liste 1</li>
  <li>Élément de liste 2</li>
  <li>Élément de liste 3</li>
</ol>


2. Balise <ul> pour les listes non ordonnées :


  • La balise <ul> est utilisée pour créer des listes non ordonnées, où chaque élément est précédé d'un symbole (généralement un point).
  • Chaque élément de liste est défini avec la balise <li>.
  • Exemple :


<ul>
  <li>Élément de liste 1</li>
  <li>Élément de liste 2</li>
  <li>Élément de liste 3</li>
</ul>


Conseils d'utilisation :


  • Utilisez des listes ordonnées (<ol>) lorsque l'ordre des éléments est important, comme dans une liste de tâches à faire.
  • Utilisez des listes non ordonnées (<ul>) lorsque l'ordre des éléments n'est pas important, comme dans une liste de points ou de caractéristiques.


Conclusion :


En utilisant les balises <ol> et <ul> avec la balise <li> dans votre fichier HTML, vous pouvez créer facilement des listes ordonnées et non ordonnées pour organiser et structurer le contenu de votre page Web de manière claire et concise. Assurez-vous d'utiliser ces balises de manière appropriée en fonction de la nature de vos données pour améliorer la lisibilité et la compréhension de votre contenu.

3598 vues
Modifié le 19 février 2024
Publicité Sitedudev
Cette pub permet au site de vivre ...
Publicité
Cette pub permet au site de vivre ...
Voir d'autres articles
4 543 vues
Les paragraphes <p> et les sauts de ligne <br>
Les paragraphes <p> et les sauts de ligne <br>Les balises <p> et <br> sont utilisées pour contrôler la mise en forme du texte dans une page HTML. Elles permettent de...
HTML
2 615 vues
Demande d'amis en PHP (2/3)
Dans cette deuxième vidéos nous allons développer notre système de relation d’amitié afin de faire apparaître les bons boutons en fonction de l'état de la relation entre 2 membres.
Créer son site de rencontres
2 119 vues
Voir plus de messages (2/2)
Dans la suite de cette vidéo nous allons continuer notre système pour voir plus de messages. Nous allons finaliser la disparition du bouton ‘voir plus’ lorsqu’il n’y aura plus de messages...
Créer son site de rencontres
741 vues
Opérateurs arithmétiques, logiques et de comparaison
Opérateurs en JavaScript1. Opérateurs Arithmétiques :Les opérateurs arithmétiques sont utilisés pour effectuer des opérations mathématiques sur des valeurs numériques.Addition (+) : Ajoute...
JS
570 vues
Les callbacks
Les Callbacks en JavaScriptLes callbacks sont des fonctions passées en tant qu'arguments à d'autres fonctions, qui seront exécutées ultérieurement ou de manière asynchrone. Les callbacks sont...
JS
4 527 vues
Créer un commentaire
Poster un commentaireDans notre dossier f_forum, nous allons reprendre la page topic.php. Dans cette page nous allons ajouter la possibilité à vos utilisateurs de pouvoir poster des commentaires...
Créer son site
1 967 vues
Personnaliser ses conversations
Dans cette dernière vidéo nous allons personnaliser notre messagerie ! 😎Pour cela nous allons donner l’aspect des conversations comme une messagerie de smartphone type Apple ou Samsung.Nous...
Créer son site de rencontres
11 339 vues
Afficher tous vos utilisateurs
Dans cet article nous allons afficher tous les utilisateurs de notre base de données afin qu'un utilisateur puisse accéder à n'importe quel profil d'un autre utilisateur par la...
Créer son site
Publicité
Cette pub permet au site de vivre ...