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

 

  1. 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.

 

  1. 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.

 

  1. 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.

Kontakt: mgzsp22@gmail.com

© 2024. Wszystkie prawa zastrzeżone.

error: Content is protected !!