recherche

Maison >interface Web >tutoriel HTML >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:041459parcourir

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

    1. doit être placée à l'intérieur de la balise

      • pour créer la liste des éléments. Nous utilisons l'attribut type de la balise

        1. , pour créer une liste ordonnée avec des nombres.

      1. Nous pouvons également utiliser

          1. pour créer une liste ordonnée numérotée avec des chiffres romains majuscules.

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

          2. Voici la syntaxe pour créer une liste ordonnée d'éléments numérotés avec des chiffres romains majuscules en HTML.
        <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 -

        2. 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