HTML-lijsten worden gebruikt om lijsten met informatie op te geven. Alle lijsten kunnen een of meer lijstelementen bevatten. Er zijn drie verschillende soorten HTML-lijsten:
- Geordende lijst of genummerde lijst (ol)
- Ongeordende lijst of lijst met opsommingstekens (ul)
- Beschrijvingslijst of definitielijst (dl)
Opmerking: we kunnen een lijst maken binnen een andere lijst, die geneste lijst wordt genoemd.
HTML-geordende lijst of genummerde lijst
In de geordende HTML-lijsten zijn alle lijstitems standaard gemarkeerd met cijfers. Het staat ook bekend als een genummerde lijst. De geordende lijst begint met
- tag en de lijstitems beginnen met
- label.
<ol> <li>Aries</li> <li>Bingo</li> <li>Leo</li> <li>Oracle</li> </ol>Test het nu
Uitgang:
- Ram
- Bingo
- Leeuw
- Orakel
Klik hier voor volledige details van de HTML-bestellijst. HTML-bestellijst
HTML-ongeordende lijst of lijst met opsommingstekens
In de HTML-niet-geordende lijst zijn alle lijstitems gemarkeerd met opsommingstekens. Het wordt ook wel een lijst met opsommingstekens genoemd. De ongeordende lijst begint met
- tag- en lijstitems beginnen met de
- label.
<ul> <li>Aries</li> <li>Bingo</li> <li>Leo</li> <li>Oracle</li> </ul>Test het nu
Uitgang:
- Ram
- Bingo
- Leeuw
- Orakel
Klik hier voor volledige details van de HTML-ongeordende lijst. HTML-ongeordende lijst
HTML-beschrijvingslijst of definitielijst
HTML-beschrijvingslijst is ook een lijststijl die wordt ondersteund door HTML en XHTML. Het is ook bekend als definitielijst, waarin vermeldingen worden weergegeven als een woordenboek of encyclopedie.
De definitielijst is zeer geschikt als u een woordenlijst, een lijst met termen of een andere lijst met namen en waarden wilt presenteren.
De HTML-definitielijst bevat de volgende drie tags:
-
- label
-
- label
definieert een term. -
- label
definieert de term definitie (beschrijving).
<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>Test het nu
Uitgang:
- Ram
- -Een van de 12 horoscooptekens.
- Bingo
- -Een van mijn avondhapjes
- Leeuw
- -Het is ook een van de 12 horoscooptekens.
- Orakel
- -Het is een multinationaal technologiebedrijf.
Klik hier voor volledige details van de HTML-beschrijvingslijst. HTML-beschrijvingslijst
HTML-geneste lijst
Een lijst binnen een andere lijst wordt een geneste lijst genoemd. Als u een lijst met opsommingstekens binnen een genummerde lijst wilt, wordt een dergelijk type lijst een geneste lijst genoemd.
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>Test het nu
Uitgang:
Ondersteunende browsers
| Element |  Chroom |  D.W.Z |  Firefox |  Opera |  Safari |
| Ja | Ja | Ja | Ja | Ja |