Listy definicji — HTML

<dl> opisuje pary pojęcie–definicja.

Cel lekcji

Poznać zagadnienie „Listy definicji”, zrozumieć przykład i umieć zastosować podobny zapis we własnym programie.

Wyjaśnienie krok po kroku

Element <dt> zawiera termin, a <dd> jego wyjaśnienie. To lepsza struktura niż tabela dla krótkiego słowniczka.

Najpierw przeanalizuj kod bez uruchamiania. Zwróć uwagę, jakie dane wykorzystuje program, co z nimi robi i skąd bierze się wynik pokazany pod przykładem.

Praktyczny przykład

Gdzie zobaczysz efekt: Widok w przeglądarce

<dl>
  <dt>HTML</dt><dd>Struktura strony.</dd>
  <dt>CSS</dt><dd>Wygląd strony.</dd>
</dl>

Przeczytaj kod linijka po linijce

<dl>Ten znacznik określa element lub strukturę dokumentu.
<dt>HTML</dt><dd>Struktura strony.</dd>Ten znacznik określa element lub strukturę dokumentu.
<dt>CSS</dt><dd>Wygląd strony.</dd>Ten znacznik określa element lub strukturę dokumentu.

Oczekiwany wynik / efektpo uruchomieniu przykładu

Wyświetlają się dwa terminy z opisami.

◉Podgląd w przeglądarceHTML/CSS — bez uruchamiania skryptów

Jak utrwalić tę umiejętność?

Przepisz kod samodzielnie. Następnie zmień jedną wartość lub jedną instrukcję i spróbuj przewidzieć efekt. Dopiero potem uruchom zmienioną wersję. Jeśli wynik jest inny niż oczekiwany, porównaj kolejne linie.

Spróbuj samodzielnie

Dodaj definicję JavaScript.