Menu
CoddyTech
Zacznij naukę

Lista uporządkowana

Część sekcji Podstawy ścieżki HTML w Coddy. Lekcja 13 z 60.

W HTML lista uporządkowana to lista elementów uporządkowanych według liczb lub liter. Aby utworzyć listę uporządkowaną, użyj znacznika <ol>. Każdy element listy definiuje się za pomocą znacznika <li>.

Oto jak możesz utworzyć uporządkowaną listę w HTML:

<ol>
  <li>First item</li>
  <li>Second item</li>
  <li>Third item</li>
</ol>

W tym przykładzie znacznik <ol> definiuje listę uporządkowaną, a każdy znacznik <li> reprezentuje element listy. Po wyświetleniu w przeglądarce ten kod utworzy listę numerowaną:

  1. Pierwszy element
  2. Drugi element
  3. Trzeci element

Listy uporządkowane są przydatne do przedstawiania elementów, w przypadku których kolejność ma znaczenie, takich jak etapy procedury lub lista elementów uporządkowanych według rangi.

challenge icon

Wyzwanie

Łatwy

Utwórz dokument HTML zawierający listę uporządkowaną z trzema elementami: "First", "Second" i "Third". (W tej kolejności)

Spróbuj swoich sił

<!DOCTYPE html>
<html>
    <body>
        <!-- Wpisz tutaj kod -->
    </body>
</html>
quiz iconSprawdź się

Ta lekcja zawiera krótki quiz. Zacznij lekcję, żeby na niego odpowiedzieć i śledzić swoje postępy.

Wszystkie lekcje w sekcji Podstawy

1Podstawy HTML

Czym jest HTML?Podstawowa struktura dokumentu HTMLTagi i elementyZagnieżdżanie i zamykanie tagówKomentarze w HTML

4Karta przepisu

Przegląd projektuTytuł i opis przepisuLekcja projektowaSkładnikiLekcja projektowaKrokiLekcja projektowa

7Strona profilu osobistego

Omówienie projektuSekcja nagłówkaLekcja projektowaZdjęcie profiloweLekcja projektowaSekcja „O mnie”Lekcja projektowaLinki do mediów społecznościowychLekcja projektowa

10Tabele

Podstawy tabelDodawanie podpisówScalanie wierszy i kolumnPodsumowanie – tabele

2Tekst i formatowanie

NagłówkiAkapityPodziały wierszaTekst pogrubiony i pochylonyPonownie: tekst pogrubiony i pochylonyPodsumowanie — formatowanie

5Dodawanie treści

Atrybuty HTMLLinkiLinki do nowych stronObrazyAtrybuty obrazów

8Formularze i pola wejściowe, część 1

Podstawy formularzyPola tekstoweAtrybuty pólPole hasłaEtykiety pólPodsumowanie – podstawowy formularz

11Strona rejestracji na wydarzenie

Przegląd projektuSekcja nagłówkaLekcja projektowaSekcja szczegółów wydarzeniaLekcja projektowaFormularz rejestracyjnyLekcja projektowaSekcja stopkiLekcja projektowa

3Praca z listami

Lista nieuporządkowanaLista uporządkowanaListy zagnieżdżonePodsumowanie — listy

6Układ strony

Elementy blokoweElementy linioweZnaczniki semantyczneSekcje i artykułyPodsumowanie — układ

9Formularze i pola wejściowe, część 2

Przyciski opcjiPola wyboruListy rozwijanePrzyciskiPrzyciski w formularzachPowtórzenie — formularze nr 1Powtórzenie — formularze nr 2

12Końcowe wyzwania

Prosta karta profilowaKarta zaproszenia na wydarzenieProsta strona artykułuLista ulubionych książek

Poćwicz samodzielnie: Edytor online Web