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.

3921 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
6 105 vues
Créer son blog
Développer son Blog de A à ZAprès avoir terminer les articles pour développer votre Forum de A à Z maintenant nous allons nous attaquer à la création d'un blog complet !Pour...
Créer son site
9 516 vues
Barre de recherche : Complète
Barre de rechercheMaintenant que notre formulaire et que notre script sont fait, nous allons créer une nouvelle page PHP que l'on nommera recherche_utilisateur.php.Dans cette page...
Créer son site
1 116 vues
Utilisation de async/await
Utilisation de async/await en JavaScriptL'async/await est une syntaxe introduite dans ECMAScript 2017 pour simplifier la gestion des promesses et rendre le code asynchrone plus lisible et plus...
JS
641 vues
Éditer un cours
Les tableaux associatifs en PHP sont des structures de données qui permettent de stocker des paires clé-valeur, où chaque valeur est associée à une clé. Contrairement aux tableaux indexés, les...
PHP
3 376 vues
Utilisation de l'élément <html>, <head> et <body>
Utilisation de l'élément <html>, <head> et <body>Dans un fichier HTML, l'élément <html> est la racine de tout le document et enveloppe tout le contenu HTML. À...
HTML
2 927 vues
Barre de menu intelligente
Vous en avez marre de dupliquer votre code afin d'ajouter un nouveau lien sur votre barre de menus ?Alors dans cette vidéo vous allez apprendre à vous simplifier la vie en utilisant la fonction...
Créer son site de rencontres
2 647 vues
Définition des caractéristiques de la base de données : le nom, le jeu de caractères, etc.
1. Accéder à PhpMyAdmin :Ouvrez un navigateur web et accédez à l'URL où vous avez installé PhpMyAdmin sur votre serveur.2. Authentification :Connectez-vous à PhpMyAdmin en utilisant vos...
SQL
2 853 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
Publicité
Cette pub permet au site de vivre ...