Listy w HTML

Listy w HTML służą do prezentowania elementów w postaci uporządkowanej struktury. Mogą być numerowane, nienumerowane lub definiować pojęcia i ich opisy.

1. Rodzaje list w HTML

1.1. Lista nieuporządkowana – <ul>

Wynik:

• Kawa
• Herbata
• Sok

1.2. Lista uporządkowana – <ol>

Wynik:

1. Pierwszy krok
2. Drugi krok
3. Trzeci krok

Atrybuty <ol>

• type – rodzaj oznaczeń: "1", "A", "a", "I", "i"
• start – numer początkowy
• reversed – odwraca kolejność

Wynik:

A. Opcja A
B. Opcja B

1.3. Lista definicji – <dl>, <dt>, <dd>

Wynik:

HTML
    Język do tworzenia stron internetowych
CSS
    Język do stylizacji stron

2. Zagnieżdżanie list

Listy mogą być osadzane wewnątrz siebie:

Wynik:

• Napój
    • Kawa
    • Herbata
• Jedzenie
    1. Pizza
    2. Burger

3. Stylowanie list (CSS)

3.1. Zmiana znaczników (list-style-type)

Wynik:

▪ Kawa
▪ Herbata

3.2. Usunięcie wypunktowania

Wynik:

Kawa
Herbata

3.3. Niestandardowy znacznik (list-style-image)

Wynik (każdy punkt zamiast kropki ma obrazek ikonka.png).

4. Listy w praktyce

4.1. Menu nawigacyjne

Wynik:

• Strona główna
• O nas
• Kontakt

4.2. Instrukcja krok po kroku

Wynik:

1. Włącz komputer
2. Otwórz przeglądarkę
3. Wpisz adres strony

4.3. Słownik pojęć

Wynik:

Frontend
    Część aplikacji widoczna dla użytkownika
Backend
    Część aplikacji odpowiedzialna za logikę i bazę danych