Listy HTML służą do określania list informacji. Wszystkie listy mogą zawierać jeden lub więcej elementów listy. Istnieją trzy różne typy list HTML:

1. Lista uporządkowana lub lista numerowana (ol)
2. Lista nieuporządkowana lub lista wypunktowana (ul)
3. Lista opisów lub lista definicji (dl)

Uwaga: Możemy utworzyć listę wewnątrz innej listy, która będzie nazywana listą zagnieżdżoną.

Lista uporządkowana HTML lub lista numerowana

Na uporządkowanych listach HTML wszystkie pozycje listy są domyślnie oznaczone liczbami. Nazywa się ją również listą numerowaną. Uporządkowana lista zaczyna się od

tag i elementy listy zaczynają się od
1. etykietka.

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

Wyjście:

1. Baran
2. Bingo
3. Lew
4. Wyrocznia

Kliknij tutaj, aby uzyskać szczegółowe informacje na temat uporządkowanej listy HTML. Lista zamówiona HTML

Lista nieuporządkowana HTML lub lista punktowana

Na liście nieuporządkowanej HTML wszystkie elementy listy są oznaczone punktorami. Jest również nazywana listą punktowaną. Lista nieuporządkowana zaczyna się od

elementy tagów i list zaczynają się od
• etykietka.

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

Wyjście:

• Baran
• Bingo
• Lew
• Wyrocznia

Kliknij tutaj, aby uzyskać szczegółowe informacje na temat nieuporządkowanej listy HTML. Lista nieuporządkowana HTML

Lista opisów HTML lub lista definicji

Lista opisowa HTML to także styl listy obsługiwany przez HTML i XHTML. Nazywa się ją również listą definicji, na której wpisy są wyszczególnione niczym słownik lub encyklopedia.

Lista definicji jest bardzo przydatna, gdy chcesz przedstawić słownik, listę terminów lub inną listę nazw i wartości.

Lista definicji HTML zawiera następujące trzy znaczniki:

1. etykietka

   określa początek listy.
2. etykietka
   definiuje termin.
3. etykietka
   definiuje definicję terminu (opis).

 <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> 

Wyjście:

Baran

-Jeden z 12 znaków horoskopu.

Bingo

- Jedna z moich wieczornych przekąsek

Lew

-Jest to także jeden z 12 znaków horoskopu.

Wyrocznia

-To międzynarodowa korporacja technologiczna.

Kliknij tutaj, aby uzyskać szczegółowe informacje na temat listy opisów HTML. Lista opisów HTML

Lista zagnieżdżona w formacie HTML

Lista znajdująca się na innej liście nazywana jest listą zagnieżdżoną. Jeśli chcesz mieć listę punktowaną wewnątrz listy numerowanej, wówczas taki typ listy będzie nazywany listą zagnieżdżoną.

Kod:

 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> 

Wyjście:

Obsługiwane przeglądarki

Element	Chrom	TJ	Firefoksa	Opera	Safari
	Tak	Tak	Tak	Tak	Tak