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.

3547 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
545 vues
Syntaxe des Directives
Chaque directive dans le fichier .htaccess suit une syntaxe spécifique pour fonctionner correctement. Comprendre cette syntaxe est essentiel pour utiliser efficacement les directives dans votre...
HTACCESS
8 512 vues
Déconnexion PHP
Maintenant que nos utilisateurs peuvent se connecter à notre site, il faut également qu'ils puissent se déconnecter.Pour cela, il faut créer une nouvelle...
Créer son site
4 504 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
4 398 vues
Afficher un topic
Afficher un topic de notre forumDans notre dossier f_forum, nous allons créer une nouvelle page topic.php. Cette page affichera le topique créé par un de vos utilisateur.Nous allons...
Créer son site
1 649 vues
Afficher plus de conversation
Dans cette avant-dernière vidéo sur la création d’une messagerie interne nous allons personnaliser rapidement la page pour afficher les conversations et nous allons également corriger /...
Créer son site de rencontres
759 vues
Boucles (for, while, do-while, foreach)
Les boucles en PHP permettent d'exécuter un bloc de code plusieurs fois, en fonction d'une condition spécifiée. Les principales boucles en PHP sont for, while, do-while et foreach. Voici un cours...
PHP
2 995 vues
Personnaliser sa bare de menu avec du CSS
Après avoir modifié notre barre de menu nous allons maintenant personnaliser notre barre de menu avec du CSS afin de la rendre plus agréable à regarder.Nous allons pour ça ajouter un nouveau...
Créer son site de rencontres
1 218 vues
Propriétés CSS : comprendre les différentes propriétés et leurs valeurs
Propriétés CSS : Comprendre les différentes propriétés et leurs valeursLes propriétés CSS sont des instructions qui contrôlent l'apparence et le comportement des éléments HTML sur une page...
CSS
Publicité
Cette pub permet au site de vivre ...