Wprowadzenie
HTML (HyperText Markup Language) to standardowy język znaczników używany do tworzenia stron internetowych. Jednym z kluczowych elementów HTML są listy, które pozwalają na uporządkowanie i przedstawienie informacji w czytelny sposób. Istnieją trzy główne rodzaje list w HTML:
-
Listy nieuporządkowane (
<ul>
) - używane do prezentacji elementów w formie punktów, gdzie kolejność nie ma znaczenia. Każdy element listy jest oznaczony znacznikiem<li>
. -
Listy uporządkowane (
<ol>
) - służą do przedstawienia elementów w ustalonej kolejności, na przykład w formie numerowanej listy. Elementy również oznaczone są znacznikiem<li>
. -
Listy definicyjne (
<dl>
) - używane do definiowania terminów i ich opisów. Zawierają pary znaczników<dt>
(definiowany termin) oraz<dd>
(opis terminu).
Znaczenie list w HTML
Listy są istotnym elementem w organizowaniu treści na stronach internetowych. Umożliwiają one czytelnikom łatwe zrozumienie i przyswajanie informacji. Dzięki nim można tworzyć czytelne menu, instrukcje oraz zestawienia danych.
Ćwiczenia praktyczne
Ćwiczenie 1: Tworzenie listy nieuporządkowanej
Zadanie:
Utwórz dokument HTML, w którym stworzysz listę nieuporządkowaną z co najmniej pięcioma ulubionymi owocami.
Ćwiczenie 2: Tworzenie listy uporządkowanej
Zadanie:
Stwórz nowy plik HTML, w którym umieścisz listę uporządkowaną z krokami do przygotowania ulubionego dania. Wskaź, jakie są to kroki, używając numeracji.
Ćwiczenie 3: Tworzenie listy definicyjnej
Zadanie:
Utwórz dokument HTML zawierający listę definicyjną, w której zdefiniujesz przynajmniej pięć terminów związanych z programowaniem, a następnie podaj ich opisy.
Ćwiczenie 4: Kombinacja list
Zadanie:
Stwórz stronę HTML, która zawiera wszystkie rodzaje list. Dodaj listę nieuporządkowaną z ulubionymi książkami, listę uporządkowaną z krokami do nauki nowego języka programowania oraz listę definicyjną z terminami związanymi z HTML. Upewnij się, że każda lista ma nagłówek wyjaśniający jej zawartość.