Ein Index ist eine Zahl, die die Position oder Position eines Satzes angibt. In HTML können wir auf zwei Arten indizieren: ungeordnete Liste (ul) und geordnete Liste (li). Verwenden Sie das Tag
Für die Indizierung mit römischen Ziffern in HTML verwenden wir die folgende Syntax -
<ol type=""> <li></li> <li></li> </ol>
ol − Es ist eine geordnete Liste und der übergeordnete Container der Liste.
type − Das Typattribut wird definiert, um den Typ des Listenindex festzulegen.
li − Es handelt sich um eine Liste mit den Daten, die in die Liste eingefügt werden sollen. Das Listen-Tag
Da römische Ziffern definiert sind als I, II, III, IV oder i, ii, iii, iv. Wir werden also anhand von zwei Beispielen lernen, wie man eine Liste erstellt, indem man den Typ einer geordneten Liste als „I“ oder „i“ definiert.
Schritt 1 – Erstellen Sie ein HTML-Boilerplate in Ihrem Texteditor.
Schritt 2 – Erstellen Sie einen übergeordneten Container als
<ol type="i"></ol>
Schritt 3 – Erstellen Sie das untergeordnete Element li der geordneten Liste.
<li></li>
Schritt 4 − Daten hineingeben.
<li>Frontend Articles</li> <li>Backend Articles</li> <li>UI/UX Articles</li>
Schritt 5 − Der römische Ziffernindex ist fertig.
Die chinesische Übersetzung vonIn diesem Beispiel besprechen wir die Erstellung einer Liste römischer Ziffern. Wir definieren den Typ der geordneten Liste als „i“ (Kleinbuchstabe i).
<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>
Das folgende Bild zeigt die Ausgabe des Beispiels, in dem wir den Typ der geordneten Liste „kleines i“ festgelegt haben, sodass die Aufzählungszeichen oder Indizierungen in den folgenden Punkten wie folgt lauten: i, ii, iii
Schritt 1 – Erstellen Sie ein HTML-Boilerplate in Ihrem Texteditor
Schritt 2 – Erstellen Sie einen übergeordneten Container als
<ol type="i"></ol>
Schritt 3 – Erstellen Sie das untergeordnete Element li der geordneten Liste.
<li></li>
Schritt 4 – Daten einfügen.
<li>Frontend Articles</li> <li>Backend Articles</li> <li>UI/UX Articles</li>
Schritt 5 – Der römische Ziffernindex ist fertig.
Die chinesische Übersetzung vonIn diesem Beispiel besprechen wir die Erstellung einer Liste römischer Ziffern. Wir definieren den Typ der geordneten Liste als „I“ (Großbuchstabe I).
<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>
Das Bild unten zeigt die Ausgabe von Beispiel 2 unten, wobei der Typ der geordneten Liste auf „Großbuchstaben I“ eingestellt ist und die römischen Ziffern wie folgt nummeriert sind: I, II, III.
In geordneten Listen können wir viele Arten von Listen festlegen. Listen können in numerischer Reihenfolge, alphabetischer Reihenfolge und römischer Ziffernreihenfolge erstellt werden, wie wir es im obigen Beispiel verwendet haben. Geordnete Listen bieten eine systematische Darstellung von Daten, verbessern das Benutzererlebnis und machen Datensätze leicht verständlich.
Das obige ist der detaillierte Inhalt vonSo erstellen Sie eine in römischen Ziffern indizierte Liste in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
