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 minuscules ?

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 minuscules ?

WBOYavant: 2023-08-23 23:33:072218parcourir

Une liste est un ensemble d’éléments connectés écrits dans l’ordre (généralement les uns en dessous des autres). En utilisant HTML, vous pouvez créer deux types de listes : des listes non ordonnées et des listes ordonnées.

Les listes ordonnées sont marquées par des chiffres par défaut. Vous pouvez créer une liste ordonnée à l'aide de la balise

et définir les éléments de la liste à l'aide de

Nous pouvons créer 4 types de listes ordonnées en HTML -

type="1"− Cela créera une liste ordonnée à partir de 1.
type="A"− Cela créera une liste ordonnée commençant par une lettre majuscule A.
type="a"− Cela créera une liste commençant par une lettre minuscule a.
type="I"− Cela créera une liste numérotée commençant par I en chiffres romains majuscules.
type="i"− Cela créera une liste numérotée commençant par i en chiffres romains minuscules.

Grammaire

Voici la syntaxe pour créer des éléments de liste ordonnés numérotés avec des chiffres romains minuscules en HTML.

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

La traduction chinoise de

Exemple 1

est :

Exemple 1

Vous trouverez ci-dessous un exemple de création d'éléments de liste ordonnés numérotés avec des chiffres romains minuscules 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 de création d'une liste ordonnée utilisant des chiffres romains minuscules 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>

Le résultat obtenu après l'exécution du code HTML est −

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!

Déclaration：

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

Article précédent：Comment inclure un titre dans un jeu de champs en HTML ?Article suivant：Comment inclure un titre dans un jeu de champs en HTML ?

Articles Liés

Voir plus