Listy HTML

Zadanie: Strona „Plan dnia + przepis kulinarny”

Twoim zadaniem jest stworzenie strony HTML pt. „Mój dzień i kuchnia”, w której wykorzystasz różne typy list i ich stylizację.

1. Utwórz plik index.html z podstawowym szkieletem HTML5.

• Dodaj nagłówek strony: „Plan dnia + przepis kulinarny”.

2. Stwórz sekcję „Plan dnia” (lista uporządkowana <ol>).

• Zaprezentuj 5 punktów planu dnia, np.:

  1. Pobudka
  2. Śniadanie
  3. Szkoła / praca
  4. Czas wolny
  5. Sen

• Zacznij numerację od 6 (użyj atrybutu start).
• Spróbuj nadać numerowaniu rzymskie cyfry (type="I").

3. Stwórz sekcję „Zakupy” (lista nieuporządkowana <ul>).

• Lista rzeczy do kupienia, np.: mleko, chleb, masło, ser, owoce.
• Wykorzystaj niestandardowy znacznik type: "circle" lub type: "square"

4. Stwórz sekcję „Przepis kulinarny” (zagnieżdżanie list).

• Użyj listy numerowanej <ol> z krokami przygotowania potrawy (np. „Naleśniki”).
• W niektórych krokach wstaw dodatkową listę nieuporządkowaną <ul> z potrzebnymi szczegółami. Przykład:

  1. Przygotuj składniki:
     - mąka
     - jajka
     - mleko
  2. Wymieszaj ciasto
  3. Usmaż naleśniki

5. Stwórz sekcję „Mini-słownik” (lista definicji <dl>).

• Dodaj 3 pojęcia, np.:

• Kaloria – jednostka energii

• Białko – podstawowy budulec organizmu
• Witamina C – wspiera odporność