Element <ul> w HTML

Słownik kwalifikacji INF.03 - Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych

Element <ul> w HTML

Element <ul> służy w HTML do tworzenia listy nieuporządkowanej, czyli takiej, w której kolejność elementów nie ma kluczowego znaczenia. Domyślnie przeglądarka wyświetla jej pozycje z punktorami, np. kropkami.

Podstawowa składnia

Lista <ul> powinna zawierać elementy <li>, czyli pojedyncze punkty listy.

<ul>
  <li>HTML</li>
  <li>CSS</li>
  <li>JavaScript</li>
</ul>

Wynik to lista punktowana:
- HTML
- CSS
- JavaScript

Kiedy używać <ul>?

Elementu <ul> używa się, gdy chcemy przedstawić zbiór elementów bez numerowania, np.:
- menu nawigacyjne,
- listę cech produktu,
- listę technologii,
- wypunktowanie informacji w artykule.

Różnica między <ul>, <ol> i <li>

  • <ul> tworzy listę nieuporządkowaną, czyli punktowaną.
  • <ol> tworzy listę uporządkowaną, czyli numerowaną.
  • <li> oznacza pojedynczy element listy i występuje wewnątrz <ul> albo <ol>.

Przykład listy numerowanej:

<ol>
  <li>Pobierz pliki</li>
  <li>Uruchom instalator</li>
  <li>Zakończ instalację</li>
</ol>

Ważne na egzaminie

Znaczniki <tr>, <th> i <td> dotyczą tabel HTML, a nie list. Do definiowania listy punktowanej służy <ul>.