Zadanie 1 - 05/09/2024 - PAI & WIA

W Visual Studio Code lub innym edytorze kodu wykonaj nastepujące zadania:


Zadania przypominające z HTML, CSS, JS: 

1. Podstawowy nagłówek:

• HTML: Stwórz prosty nagłówek z użyciem <header>, który zawiera tytuł strony (<h1>).

• CSS: Stylizuj nagłówek, ustawiając kolor tła, kolor tekstu, oraz wyśrodkowując tekst – użyj odpowiednich klas i selektorów

2. Nagłówek z obrazkiem:

• HTML: Dodaj obrazek (<img>) obok tytułu w nagłówku. Użyj atrybutów src i alt dla obrazka.
• CSS: Ustaw obrazek obok tytułu, dopasuj jego rozmiar i margines – użyj odpowiednio margin i padding.

3. Nagłówek z przyciskami w menu:

• HTML: Dodaj menu nawigacyjne w nagłówku, używając listy nieuporządkowanej (<ul> i <li>) z linkami (<a>).
• CSS: Stylizuj menu, ustawiając style dla listy i linków, oraz dodaj efekty najechania.

4. Nagłówek z responsywnym menu:

• • HTML: Dodaj menu rozwijane (dropdown) dla mniejszych ekranów, a także używając <button> i <div> z klasą .dropdown-content.
  • CSS: Stylizuj menu rozwijane i dodaj media queries, aby zmieniało się w zależności od rozmiaru ekranu.