Heim >Web-Frontend >HTML-Tutorial >So erstellen Sie eine in römischen Ziffern indizierte Liste in HTML
So erstellen Sie eine in römischen Ziffern indizierte Liste in HTML
- WBOYnach vorne
- 2023-09-13 21:37:021474Durchsuche
Übersicht
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
- in HTML, um eine Liste mit römischen Ziffern zu erstellen. Römische Ziffern sind in der Reihenfolge geschriebene Zahlen, daher verwenden wir eine geordnete Liste anstelle einer ungeordneten Liste. Um eine geordnete Liste mit römischen Ziffern zu erstellen, müssen wir den Typ der geordneten Liste definieren, d. h. der Index in der Liste sollte „a“, „A“, „I“ oder „i“ sein. Um römische Ziffern zu erstellen, definieren wir die Typen geordneter Listen als „I“ und „i“.
Grammatik
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
- ist ein Unter-Tag des geordneten Listen-Tags
- .
Methode
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.
Algorithmus
Schritt 1 – Erstellen Sie ein HTML-Boilerplate in Ihrem Texteditor.
Schritt 2 – Erstellen Sie einen übergeordneten Container als
- und definieren Sie seinen Typ als „i“.
<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 vonBeispiel
lautet:Beispiel
In 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
Algorithmus
Schritt 1 – Erstellen Sie ein HTML-Boilerplate in Ihrem Texteditor
Schritt 2 – Erstellen Sie einen übergeordneten Container als
- und definieren Sie seinen Typ als „i“.
<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 vonBeispiel
lautet:Beispiel
In 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.
Fazit
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!