Lista nienumerowana w HTML

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

Lista nienumerowana służy do przedstawiania elementów, których kolejność nie ma kluczowego znaczenia. W HTML definiuje się ją znacznikiem <ul> od angielskiego unordered list.

Elementy listy zapisuje się wewnątrz znacznika <ul> za pomocą znaczników <li> (list item).

Podstawowa składnia

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

Domyślnie przeglądarka wyświetla elementy listy nienumerowanej z punktorem, np. kropką.

Kiedy używać <ul>?

Znacznik <ul> stosuje się, gdy elementy listy są równorzędne i nie wymagają numeracji, np.:

  • lista technologii,
  • menu nawigacyjne,
  • lista cech produktu,
  • wypunktowanie informacji.

Różnica między <ul> a <ol>

  • <ul> tworzy listę nienumerowaną, czyli wypunktowaną,
  • <ol> tworzy listę numerowaną, czyli uporządkowaną.

Przykład listy numerowanej:

<ol>
  <li>Pobierz pliki</li>
  <li>Zainstaluj aplikację</li>
  <li>Uruchom program</li>
</ol>

Częsty błąd egzaminacyjny

Znaczniki <dt> i <dd> nie służą do zwykłych list wypunktowanych. Są używane w listach opisów, razem ze znacznikiem <dl>.

Do listy nienumerowanej należy zapamiętać schemat:

<ul>
  <li>element listy</li>
</ul>

Na egzaminie INF.03 poprawną odpowiedzią na pytanie o listę nienumerowaną w HTML jest zwykle <ul>.