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.

3853 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
3 328 vues
Base de données de notre messagerie interne
Nous allons maintenant développer un élément-clé de notre site de rencontres. Nous allons concevoir une messagerie interne entre 2 utilisateurs.Avant de commencer je vous invite à prendre la...
Créer son site de rencontres
1 534 vues
Sélecteurs de classe : appliquer des styles à des groupes d'éléments spécifiques
Sélecteurs de Classe : Appliquer des styles à des groupes d'éléments spécifiquesLes sélecteurs de classe sont des outils puissants en CSS qui permettent d'appliquer des styles à des groupes...
CSS
16 423 vues
Connexion PHP
Après avoir créé notre formulaire d'inscription il nous faut créer un formulaire de connexion afin que nos futurs utilisateurs puissent se connecter au site une fois...
Créer son site
852 vues
Sélecteurs d'attribut : styliser en fonction des attributs des éléments HTML
Sélecteurs d'Attribut : Styliser en fonction des attributs des éléments HTMLLes sélecteurs d'attribut en CSS permettent de cibler des éléments HTML en fonction de la présence ou de la valeur...
CSS
1 306 vues
Comprendre les concepts de marge, bordure, rembourrage et largeur/hauteur
Dans CSS, la mise en page des éléments est souvent influencée par quatre concepts clés : la marge, la bordure, le rembourrage et la largeur/hauteur. Comprendre ces concepts est essentiel pour...
CSS
750 vues
Les promesses
Les Promesses en JavaScriptLes promesses sont un mécanisme de gestion asynchrone en JavaScript qui permet de gérer plus facilement les opérations asynchrones et d'éviter le "callback hell". Les...
JS
2 831 vues
Modifier ses informations en PHP
Dans cette nouvelle vidéo nous allons apprendre à modifier vos informations !Lors de l’inscription il se peut que vous ayez fait une erreur. C'est pour cela que cette page sera importante pour...
Créer son site de rencontres
2 525 vues
Configurer l'environnement de développement
Configuration de l'environnement de développement pour SASS1. Création d'une structure de projet :Avant de commencer à coder en SASS, il est important d'avoir une structure de projet organisée....
Sass
Publicité
Cette pub permet au site de vivre ...