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