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.

3476 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 434 vues
Variables : Déclarer et utiliser des variables pour stocker des valeurs réutilisables
Variables en SASS : Déclarer et Utiliser1. Déclaration de variables :En SASS, les variables commencent par le symbole $ suivi du nom de la variable et de sa valeur. Par exemple :$primary-color:...
Sass
4 297 vues
Utilisation des balises <h1> à <h6> pour les titres
Utilisation des balises <h1> à <h6> pour les titresLes balises <h1> à <h6> sont utilisées pour définir les niveaux de titre dans une page HTML. Elles vont du titre le plus...
HTML
5 037 vues
Ajout d'images avec <img> et attributs src, alt et width
Ajout d'images avec <img> et attributs src, alt et widthLa balise <img> est utilisée pour afficher des images dans une page HTML. Elle nécessite l'utilisation de certains attributs pour...
HTML
2 056 vues
Afficher les messages dans l'ordre
Dans cette vidéo on va personnaliser (un peu) l'interface des conversations avec du CSS.Nous allons également remettre les messages dans l'ordre et lors de la réception du message par le...
Créer son site de rencontres
707 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
14 048 vues
Notre base de données
Avant d'entamer le développement de notre futur site il nous faut une base de données afin de pouvoir ajouter, modifier ou de supprimer des informations.Étapes...
Créer son site
3 390 vues
Configuration de PhpMyAdmin pour se connecter à votre serveur de base de données
1. Accéder au Fichier de Configuration :Après avoir téléchargé et installé PhpMyAdmin sur votre serveur, accédez au répertoire où PhpMyAdmin est installé.Cherchez le fichier de...
SQL
5 296 vues
Que mettre dans la balise head
Afin de continuer à faire connaitre votre site pour son référencement nous allons parler du contenu de base dans la balise <head>.La balise <head> joue un rôle essentiel...
Créer son site
Publicité
Cette pub permet au site de vivre ...