W języku HTML rozróżnia się listy zwykłe, numerowane, wyróżnione znakiem oraz listy definicji. Listy mogą być zagnieżdżone, jedna w drugiej. Dla każdego rodzaju listy jest inny znacznik definiujący (DL dla list definicji, OL dla list uporządkowanych itd.) oraz inny znacznik opisujący wstawiany element (DT dla definicji, LI dla normalnego elementu listy itd.)
Lista uporządkowana
Nadaje się ona do sporządzania spisów treści większych dokumentów (można je uzupełnić odnośnikami do odpowiednich fragmentów strony). Lista uporządkowana może być wstawiona w dowolnym miejscu sekcji BODY dokumentu HTML. Tworzymy ją znacznikiem
<OL>, a elementy listy mają znacznik <LI>.
Znacznik <OL> może mieć następujące argumenty:
TYPE=x, gdzie x oznacza sposób wyliczania listy według:
<OLTYPE=A> dużych liter
Przykład:
- element pierwszy
- element drugi
- element trzeci
<OLTYPE=a> małych liter
Przykład:
- element pierwszy
- element drugi
- element trzeci
<OLTYPE=I> cyfr rzymskich dużych
Przykład:
- element pierwszy
- element drugi
- element trzeci
<OLTYPE=i> cyfr rzymskich małych
Przykład:
- element pierwszy
- element drugi
- element trzeci
<OLTYPE=1> cyfr arabskich (ustawienie domyślne)
Przykład:
- element pierwszy
- element drugi
- element trzeci
START=n, gdzie n to wartość rozpoczynająca wyliczanie; wartość tą należy wpisać jako liczbę; która będzie automatycznie zmieniana w zależności od wybranego atrybutu TYPE.
- element pierwszy
- element drugi
- element trzeci
Elementy listy oznaczane znacznikiem <LI> mogą być rozszerzone poprzez argumenty:
TYPE=x, gdzie x to sposób wyliczania dla tego elementu listy (wpisana tutaj wartość unieważnia tą wpisaną powyżej w znaczniku <OL TYPE=x>).
VALUE=n, gdzie n to wartość, od której rozpocznie się wyliczanie elementów; wartość tą należy wpisać jako liczbę, która będzie zmieniana automatycznie zależnie od atrybutu TYPE. Wpisana tutaj wartość unieważnia tą wpisaną w znaczniku powyżej <OL START=n>.
Przykładowa lista:
<OL type=a start=3>
<LI type=A>pierwszy element
<LI>drugi element
<LI>trzeci element
</OL>
- pierwszy element
- drugi element
- trzeci element
UWAGI:
- Tekst po znaczniku OL, a przed pierwszym znacznikiem LI, zostanie wcięty identycznie jak pierwszy element listy, lecz nie będzie numerowany.
Lista nieuporządkowana
Listy nieuporządkowane są najczęściej wykorzystywanymi listami w dokumentach HTML. Tworzy je znacznik <UL>, a elementy listy, podobnie jak w liście uporządkowanej, <LI>. Znacznik <UL> może mieć następujące argumenty:
TYPE=kształt, kształt określa typ znaku wyliczania stosowanego liście. Można wybierać spośród:
disc - wypełnione koło (domyślne dla pierwszego poziomu zagnieżdżenia)
Przykład:
<UL TYPE=disc>
- Element pierwszy
- Drugi element
- Trzeci element
square - kwadrat (domyślny dla trzeciego poziomu)
Przykład:
<UL TYPE=square>
- Element pierwszy
- Drugi element
- Trzeci element
round - wypełnione koło (domyślne dla drugiego poziomu)
Przykład:
<UL TYPE=round>
- Element pierwszy
- Drugi element
- Trzeci element
circle - niewypełnione koło (domyślne dla drugiego poziomu)
Przykład:
<UL TYPE=circle>
- Element pierwszy
- Drugi element
- Trzeci element
UWAGI:
- Załamanie linii <BR> wewnątrz elementu listy zakończy linie, ale nie zmieni wcięcia tekstu.
Lista definicji
Listy definicji nadają się na słowniki i objaśnienia terminów. Listę definicji tworzą znaczniki DL, DT i DD:
<DL> początek listy definicyjnej
<DT> pierwszy termin
<DD> wyjaśnienie pierwszego terminu
<DT> drugi termin
<DD> wyjaśnienie drugiego terminu
</DL> koniec listy definicyjnej
początek listy definicyjnej
- pierwszy termin
- wyjaśnienie pierwszego terminu
- drugi termin
- wyjaśnienie drugiego terminu
UWAGI:
- Polecenie DT powinno się znaleźć bezpośrednio za otwierającym znacznikiem DL.
Listy zagnieżdżone
Zagnieżdżanie list, czyli umieszczanie jednej listy wewnątrz drugiej, jest przydatne podczas tworzenia wielopoziomowego spisu treści, złożonego z kilku uporządkowanych list.
Możemy zagnieżdżać kilka poziomów listy. Każdy kolejny, niższy poziom powinien zawierać własną definicję listy i powinien się kończyć jej zamknięciem. Jako przykład zagnieżdżona lista nieuporządkowana:
<UL>Nagłówek listy
<LI>Punkt 1
<LI>Punkt 2
<UL>otwarcie listy na drugim poziomie
<LI>Podpunkt 2.1
<LI>Podpunkt 2.2
<UL>otwarcie listy na trzecim poziomie
<LI>Podpunkt 2.2.1
<LI>Podpunkt 2.2.2
</UL>zamknięcie listy na trzecim poziomie
</UL>zamknięcie listy na drugim poziomie
<LI>Punkt 3 - kontynuacja punktów pierwszego poziomu
<LI>Punkt 4 - kontynuacja punktów pierwszego poziomu
</UL>
Nagłówek listy
- Punkt 1
- Punkt 2
otwarcie listy na drugim poziomie
- Podpunkt 2.1
- Podpunkt 2.2
otwarcie listy na trzecim poziomie
- Podpunkt 2.2.1
- Podpunkt 2.2.2
zamknięcie listy na trzecim poziomie
zamknięcie listy na drugim poziomie
- Punkt 3 - kontynuacja punktów pierwszego poziomu
- Punkt 4 - kontynuacja punktów pierwszego poziomu
