HTML-Listen werden verwendet, um Informationslisten anzugeben. Alle Listen können ein oder mehrere Listenelemente enthalten. Es gibt drei verschiedene Arten von HTML-Listen:

1. Geordnete Liste oder nummerierte Liste (ol)
2. Ungeordnete Liste oder Aufzählungsliste (ul)
3. 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
1. Etikett.

 <ol> <li>Aries</li> <li>Bingo</li> <li>Leo</li> <li>Oracle</li> </ol> 

Ausgabe:

1. Widder
2. Bingo
3. Löwe
4. 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> 

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:

1. Etikett

   definiert den Anfang der Liste.
2. Etikett
   definiert einen Begriff.
3. 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> 

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> 

Ausgabe:

Unterstützende Browser

Element	Chrom	IE	Feuerfuchs	Oper	Safari
	Ja	Ja	Ja	Ja	Ja