Maison > Article > interface Web > Comment créer une liste ordonnée en HTML où les éléments de la liste sont numérotés à l'aide de chiffres romains majuscules ?

Comment créer une liste ordonnée en HTML où les éléments de la liste sont numérotés à l'aide de chiffres romains majuscules ?

王林avant: 2023-09-03 12:09:041396parcourir

Une liste ordonnée est un ensemble d’éléments numérotés. Il vous permet de contrôler les numéros de série de manière contextuelle. Nous permet de regrouper un ensemble d’éléments associés dans une liste.

HTML prend en charge la liste ordonnée, la liste non ordonnée et nous devons utiliser la balise

pour créer une liste ordonnée dans la balise HTML pour démarrer la liste des éléments. La liste des éléments peut être marquée sous forme de chiffres, de lettres minuscules et majuscules. , lettres romaines, etc. L'ordre par défaut consiste à numéroter les éléments de la liste dans leur contexte.

La balise

Nous pouvons également utiliser
Syntaxe

<ol type="A">
   <li>Item in list…</li>
   <li>Item in list…</li>
   <li>Item in list…</li>
</ol>

Exemple 1

Vous trouverez ci-dessous un exemple de création d'éléments de liste ordonnés numérotés à l'aide de chiffres romains majuscules en HTML.

<!DOCTYPE html>
<html>
<head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
   <ol type="I">
      <li>Abdul</li>
      <li>Jason</li>
      <li>Yadav</li>
      <li>Lokesh</li>
   </ol>
</body>
</html>

Ce qui suit est le résultat de l'exemple de programme ci-dessus.

Exemple 2

Regardons un autre exemple pour créer une liste ordonnée avec des nombres romains majuscules comme puces −

<!DOCTYPE html>
<html>
<head>
   <title>World Cup Teams</title>
</head>
<body>
   <h1>List of teams for World Cup</h1>
   <ol type = "I">
      <li>India</li>
      <li>Australia</li>
      <li>South Africa</li>
      <li>New Zealand</li>
      <li>Pakistan</li>
      <li>Srilanka</li>
      <li>West Indies</li>
      <li>Bangladesh</li>
   </ol>
</body>
</html>

Après avoir implémenté le code HTML ci-dessus, le résultat est le suivant -

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

html for Attribute li

Déclaration：

Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer

Article précédent：En HTML, exécuter un script chaque fois que le volume d'une vidéo/audio change ?Article suivant：En HTML, exécuter un script chaque fois que le volume d'une vidéo/audio change ?

Articles Liés

Voir plus