Comment créer une liste indexée en chiffres romains en HTML-tutoriel HTML-php.cn

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

WBOY

Libérer： 2023-09-13 21:37:02

avant

1472 Les gens l'ont consulté

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

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>

Copier après la connexion

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>

Copier après la connexion

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

<li></li>

Copier après la connexion

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

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

Copier après la connexion

É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>

Copier après la connexion

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>

Copier après la connexion

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

<li></li>

Copier après la connexion

- Insérez-y des données.

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

Copier après la connexion

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

Copier après la connexion

L'image ci-dessous montre le résultat de l'exemple 2 ci-dessous, où le type de liste ordonnée est défini sur "Capital I
" 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!