Listy — HTML — kod. pyk

HTML ma listy punktowane, numerowane i opisowe.

Jak to działa?

<ul> oznacza listę nieuporządkowaną, a <ol> numerowaną. Każda pozycja jest elementem <li>.

Przykład 1 — poznaj zapis

<ol>
  <li>HTML</li>
  <li>CSS</li>
  <li>JavaScript</li>
</ol>

Przeglądarka wyświetli trzy ponumerowane pozycje.

Przeczytaj kod linijka po linijce

<ol>Ten znacznik określa element lub strukturę dokumentu.
<li>HTML</li>Dodajemy kolejny element listy.
<li>CSS</li>Dodajemy kolejny element listy.

Oczekiwany wynik / efektpo uruchomieniu przykładu

Numerowana lista trzech języków.

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

Przykład 2 — podobny problem, inne dane

Teraz przyjrzyj się drugiemu przykładowi. Zwróć uwagę na to, co zmieniło się w kodzie, a co w wyniku. Spróbuj przewidzieć rezultat przed przeczytaniem odpowiedzi.

<ul><li>Python</li><li>JavaScript</li></ul>

Wynik drugiego przykładupo uruchomieniu przykładu

Lista wypunktowana z dwoma elementami.

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

Sprawdź, czy rozumiesz

Wróć do pierwszego przykładu, zmień jedną wartość i spróbuj samodzielnie przewidzieć wynik. Następnie uruchom kod i porównaj rezultat. W ten sposób nauczysz się nie tylko przepisywać instrukcje, ale rozumieć ich działanie.

Spróbuj samodzielnie

Zamień listę na punktowaną.