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 ?-tutoriel HTML-php.cn

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 ?

王林

Libérer： 2023-09-03 12:09:04

avant

1406 Les gens l'ont consulté

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>

Copier après la connexion

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>

Copier après la connexion

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>

Copier après la connexion