Maison >interface Web >tutoriel HTML >Comment créer une liste indexée en chiffres romains en HTML

Comment créer une liste indexée en chiffres romains en HTML

WBOYavant: 2023-09-13 21:37:021484parcourir

Vue d'ensemble

Un index est un nombre qui indique la position ou l'emplacement d'une phrase. En HTML, on peut indexer de deux manières : liste non ordonnée (ul) et liste ordonnée (li). Utilisez la balise

Grammaire

Pour l'indexation à l'aide de chiffres romains en HTML, nous utilisons la syntaxe suivante -

<ol type="">
   <li></li>
   <li></li>
</ol>

ol − C'est une liste ordonnée et est le conteneur parent de la liste.
type − L'attribut type est défini pour définir le type de l'index de liste.
li − C'est une liste contenant les données à insérer dans la liste. La balise de liste
est une sous-balise de la balise de liste ordonnée

Méthode

Puisque les chiffres romains sont définis comme I, II, III, IV ou i, ii, iii, iv. Nous allons donc utiliser deux exemples pour apprendre à créer une liste en définissant le type d'une liste ordonnée comme 'I' ou 'i'.

Algorithme

Étape 1 - Créez un passe-partout HTML dans votre éditeur de texte.

Étape 2 - Créez un conteneur parent en tant que

<ol type="i"></ol>

Étape 3 - Créez l'élément enfant li de la liste ordonnée.

<li></li>

Étape 4 − Insérez-y des données.

<li>Frontend Articles</li>
<li>Backend Articles</li>
<li>UI/UX Articles</li>

Étape 5 − L'index en chiffres romains est prêt.

Exemple

Dans cet exemple, nous discutons de la création d'une liste de chiffres romains. Nous définissons le type de liste ordonnée comme "i" (i minuscule).

<html>
<head>
   <title>Roman number indexing as i</title>
</head>
<body>
   <h1> Points to remember ol type= “i” </h1>
   <ol type="i">
      <li>Frontend Articles</li>
      <li>Backend Articles</li>
      <li>UI/UX Articles</li>
   </ol>
</body>
</html>

L'image ci-dessous montre le résultat de l'exemple dans lequel nous avons défini le type de liste ordonnée « petit i », donc les puces ou l'indexation dans les points ci-dessous sont comme i, ii, iii. Algorithme

- Créez un passe-partout HTML dans votre éditeur de texte

- Créez un conteneur parent en tant que

<ol type="i"></ol>

- Créez l'élément enfant li de la liste ordonnée.

<li></li>

- Insérez-y des données.

<li>Frontend Articles</li>
<li>Backend Articles</li>
<li>UI/UX Articles</li>

- L'index en chiffres romains est prêt. La traduction chinoise de Exemple

Exemple

Dans cet exemple, nous discutons de la création d'une liste de chiffres romains. Nous définissons le type de liste ordonnée comme

<html>
<head>
   <title>Roman number indexing as I</title>
</head>
<body>
   <h1>Points to remember <ol type= “I”></h1>
   <ol type="I">
      <li>Frontend Articles</li>
      <li>Backend Articles</li>
      <li>UI/UX Articles</li>
   </ol>
</body>
</html>

" et les chiffres romains sont numérotés comme suit : I, II, III. Conclusion

Dans les listes ordonnées, nous pouvons définir de nombreux types de listes. Les listes peuvent être établies par ordre numérique, par ordre alphabétique et par ordre de chiffres romains, comme celle que nous avons utilisée dans l'exemple ci-dessus. Les listes ordonnées fournissent une représentation systématique des données, améliorent l'expérience utilisateur et facilitent la compréhension des ensembles de données.

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 ul li 算法

Déclaration：

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

Article précédent：Comment diffuser de gros fichiers .mp4 en HTML5 ?Article suivant：Comment diffuser de gros fichiers .mp4 en HTML5 ?

Articles Liés

Voir plus