Zadanie 4 - formatowanie tekstu

Zadanie 1

Stworzyć stronę z tekstem „Lorem Ipsum”, który będzie formatowany za pomocą HTML i CSS, w tym dodanie obrazka i opływanie tekstem.

  • HTML: Użyj <div> do stworzenia kontenera na tekst i obrazek.
  • CSS: Stylizuj tekst, dodaj obrazek i użyj właściwości CSS do opływania tekstem.
  • Grafikę wygeneruj za pomocą jednego z dostępnych narzędzi AI (Midjurney, Copilot, Dall-e-3)
  • Zaimportuj czcionkę z Google Fonts i użyj jej w zadaniu
 
Przykładowe rozwiązanie:

Zadanie 2:

Podział strony na kolumny 1/3 i 2/3

Cel: Podziel stronę na dwie kolumny, gdzie jedna część to boczne menu, a druga część to główny kontent z tekstem i obrazkiem.

  • HTML: Utwórz strukturę z <aside> dla bocznego menu i <main> dla głównego kontentu.
  • CSS: Stylizuj kolumny, aby miały odpowiednie proporcje oraz zadbaj o responsywność.
 
Przykład rozwiązania:

 

 

 

Kontakt: mgzsp22@gmail.com

© 2024. Wszystkie prawa zastrzeżone.

error: Content is protected !!