HTML-Listen werden verwendet, um Informationslisten anzugeben. Alle Listen können ein oder mehrere Listenelemente enthalten. Es gibt drei verschiedene Arten von HTML-Listen:
- Geordnete Liste oder nummerierte Liste (ol)
- Ungeordnete Liste oder Aufzählungsliste (ul)
- Beschreibungsliste oder Definitionsliste (dl)
Hinweis: Wir können eine Liste innerhalb einer anderen Liste erstellen, die als verschachtelte Liste bezeichnet wird.
HTML-geordnete Liste oder nummerierte Liste
In den geordneten HTML-Listen sind alle Listenelemente standardmäßig mit Nummern gekennzeichnet. Sie wird auch als nummerierte Liste bezeichnet. Die geordnete Liste beginnt mit
- Tag und die Listenelemente beginnen mit
- Etikett.
<ol> <li>Aries</li> <li>Bingo</li> <li>Leo</li> <li>Oracle</li> </ol>Testen Sie es jetzt
Ausgabe:
- Widder
- Bingo
- Löwe
- Orakel
Klicken Sie hier, um alle Einzelheiten zur HTML-geordneten Liste anzuzeigen. HTML-geordnete Liste
Ungeordnete HTML-Liste oder Aufzählungsliste
In der ungeordneten HTML-Liste sind alle Listenelemente mit Aufzählungszeichen markiert. Sie wird auch als Aufzählungsliste bezeichnet. Die ungeordnete Liste beginnt mit
- Tag- und Listenelemente beginnen mit dem
- Etikett.
<ul> <li>Aries</li> <li>Bingo</li> <li>Leo</li> <li>Oracle</li> </ul>Testen Sie es jetzt
Ausgabe:
- Widder
- Bingo
- Löwe
- Orakel
Klicken Sie hier, um alle Einzelheiten zur ungeordneten HTML-Liste anzuzeigen. Ungeordnete HTML-Liste
HTML-Beschreibungsliste oder Definitionsliste
Die HTML-Beschreibungsliste ist ebenfalls ein Listenstil, der von HTML und XHTML unterstützt wird. Sie wird auch als Definitionsliste bezeichnet, in der Einträge wie in einem Wörterbuch oder einer Enzyklopädie aufgelistet werden.
Die Definitionsliste ist sehr geeignet, wenn Sie ein Glossar, eine Begriffsliste oder eine andere Name-Wert-Liste präsentieren möchten.
Die HTML-Definitionsliste enthält die folgenden drei Tags:
-
- Etikett
-
- Etikett
definiert einen Begriff. -
- Etikett
definiert die Begriffsdefinition (Beschreibung).
<dl> <dt>Aries</dt> <dd>-One of the 12 horoscope sign.</dd> <dt>Bingo</dt> <dd>-One of my evening snacks</dd> <dt>Leo</dt> <dd>-It is also an one of the 12 horoscope sign.</dd> <dt>Oracle</dt> <dd>-It is a multinational technology corporation.</dd> </dl>Testen Sie es jetzt
Ausgabe:
- Widder
- -Eines der 12 Horoskopzeichen.
- Bingo
- -Einer meiner Abendsnacks
- Löwe
- -Es ist auch eines der 12 Horoskopzeichen.
- Orakel
- -Es ist ein multinationaler Technologiekonzern.
Klicken Sie hier, um alle Einzelheiten zur HTML-Beschreibungsliste anzuzeigen. HTML-Beschreibungsliste
Verschachtelte HTML-Liste
Eine Liste innerhalb einer anderen Liste wird als verschachtelte Liste bezeichnet. Wenn Sie eine Aufzählungsliste innerhalb einer nummerierten Liste wünschen, wird dieser Listentyp als verschachtelte Liste bezeichnet.
Code:
Nested list <p>List of Indian States with thier capital</p> <ol> <li>Delhi <ul> <li>NewDelhi</li> </ul> </li> <li>Haryana <ul> <li>Chandigarh</li> </ul> </li> <li>Gujarat <ul> <li>Gandhinagar</li> </ul> </li> <li>Rajasthan <ul> <li>Jaipur</li> </ul> </li> <li>Maharashtra <ul> <li>Mumbai</li> </ul> </li> <li>Uttarpradesh <ul> <li>Lucknow</li></ul> </li> </ol>Testen Sie es jetzt
Ausgabe:
Unterstützende Browser
| Element |  Chrom |  IE |  Feuerfuchs |  Oper |  Safari |
| Ja | Ja | Ja | Ja | Ja |