baner

Lekcja 14

kl 1 Projektowanie stron

 
Pływające ramki (iframe). Symbole i znaki specjalne w kodzie HTML.

 

Zadanie 1

Przygotuj dokument cw141.html w którym umieścisz kod HTML, który spowoduje wyświetlenie contentu zależnego od szerokości okna przeglądarki jak na .

  • Wstaw nagłówek pierwszego poziomu ze swoim imieniem i nazwiskiem i dodaj styl : <h1 style="font-size:8vw;">
  • Wstaw nagłówek trzeciego poziomu z nazwą naszej szkoły i dodaj styl : <h3 style="font-size:4vw;">
  • Wstaw paragraf wypełniony tekstem - 15 linii przy zmaksymalizowanym rozmiarze okna przeglądarki
  • Ustaw wyrównywanie tekstu w paragrafie dwustronne.
  • Sprawdź działanie kodu zmieniając rozmiar okna przeglądarki.
  • Zadanie 2

    Przygotuj dokument cw142.html w którym umieścisz kod HTML, który spowoduje wyświetlenie contentu jak na .

  • Wstaw nagłówek 2 poziomu o treści: Przykład zastosowania elementu HTML iframe
  • Ustal centrowanie wszustkich elementów na stronie
  • Wstaw ramkę o szerokości 60% rozmiaru okna przeglądarki
  • Dodaj trzy odnośniki do:
    • dokumentu PDF
    • wybranej strony internetowej
    • dokumentu TXT
  • Sprawdź działanie kodu
  •  

    Pytania i odpowiedzi: