Listy zagnieżdżone i lista definicji

Listy, odnośniki i obrazy na stronie - Informatyka - liceum klasa 2 (HTML/CSS/JS)

Listy porządkują treść: - `<ul>` - lista wypunktowana, `<ol>` - numerowana (`start`, `reversed`), każdy punkt to `<li>`, - lista może być **zagnieżdżona**: wewnątrz `<li>` kolejna lista, - `<dl>` - lista definicji: pojęcie `<dt>` i jego opis `<dd>` (słowniczek).

<!DOCTYPE html>
<html lang="pl">
<head>
  <meta charset="utf-8">
  <title>Listy</title>
</head>
<body>
  <h2>Plan wycieczki</h2>
  <ul>
    <li>Dzień 1
      <ol>
        <li>Wawel</li>
        <li>Sukiennice</li>
      </ol>
    </li>
    <li>Dzień 2
      <ol>
        <li>Kopalnia soli</li>
      </ol>
    </li>
  </ul>
  <h2>Słowniczek</h2>
  <dl>
    <dt>HTML</dt>
    <dd>Język opisu struktury strony.</dd>
    <dt>CSS</dt>
    <dd>Język opisu wyglądu strony.</dd>
  </dl>
</body>
</html>

Ładowanie interaktywnego edytora... Jeśli się nie pojawi, włącz JavaScript.

Wszystkie lekcje kursu Informatyka - liceum klasa 2·Zaloguj się, aby zapisać postęp na koncie.