Listy punktowane i numerowane

Listy, linki i obrazki na stronie - Informatyka - klasa 7 (HTML/CSS/JS)

Lista ma dwa poziomy znaczników: cała lista i jej elementy `<li>` (od ang. *list item*). - `<ul>` to lista **punktowana** (kolejność nie ma znaczenia, np. zakupy), - `<ol>` to lista **numerowana** (kolejność ma znaczenie, np. kroki przepisu). Numery przeglądarka dopisuje sama. Lista może być w liście: wewnątrz `<li>` wstaw kolejne `<ul>`.

<!DOCTYPE html>
<html lang="pl">
<head>
  <meta charset="utf-8">
  <title>Listy</title>
</head>
<body>
  <h2>Do plecaka</h2>
  <ul>
    <li>zeszyt</li>
    <li>piórnik</li>
    <li>drugie śniadanie</li>
  </ul>
  <h2>Poranek</h2>
  <ol>
    <li>Wstań.</li>
    <li>Umyj zęby.</li>
    <li>Zjedz śniadanie.</li>
  </ol>
  <h2>Przedmioty</h2>
  <ul>
    <li>Ścisłe
      <ul>
        <li>matematyka</li>
        <li>fizyka</li>
      </ul>
    </li>
    <li>Humanistyczne</li>
  </ul>
</body>
</html>

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

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