Ćwiczenia z wykorzystaniem składni CSS. SPR praktyczny

 

cw 262

• Utwórz dokument cw262.html, a1.html oraz cw262.css
• Dodaj kod, który w przeglądarce:
  HTML (cw262.html)
  1. Nagłówek pierwszego poziomu o treści: Ćwiczenie 262
  2. Poniżej nagłówek drugiego poziomu o treści: Nazwisko Imię Klasa/Grupa (podajesz swoje dane)
  3. Poniżej tabela: dwa wiersze po dwie komórki w wierszu.
  4. W każdej komórce ramka (znacznik iframe)
  HTML (a1.html)
  1. Nagłówek pierwszego poziomu o treści: Ćwiczenie 262
  2. Poniżej nagłówek drugiego poziomu o treści: Nazwisko Imię Klasa/Grupa (podajesz swoje dane)
  3. (A) - Poniżej paragraf o zawartości około 15 000 znaków.
  4. (B) - Przed i po powyższym paragrafie wstawione dodatkowo po dwa paragrafy, w których jako treść umieszczony jest tylko znak spacji
  5. (C) - Poniżej wstawiona pozioma linia (znacznik HTML)
  6. Elementy A, B, C powtórzone 5 razy w dokumencie.
  CSS
  1. Tabela szerokość 100% okna przeglądarki
  2. Wszystkie komórki i nagłówki - treść wyśrodkowana
  3. Wszystkie komórki tabeli narożniki zaokrąglone 30 pikseli
  4. Wyłącznie nagłówek poziomu pierwszego na stronie głównej: rozmiar tekstu 3em, kolor tekstu biały, cieniowanie dla takstu
  5. Linia pozioma: obramowanie górne kropkowane, grubość 10 pikseli, kolor czerwony, szerokość w oknie przeglądarki 60%
  6. Dla paragrafów zawirających tekst (ok 15 000 znaków) tło białe, wcięcie w pierwszym wierszu 80 pikseli, czcionka Segoe UI
  7. Dla ramek (iframe) szerokość 90% komórki, wysokość 350 pikseli, obramowanie o grubości 15 pikseli w kolorze #d1d1e0 linią typu outset
  8. Dla komórek w pierwszym wierszu: tło obrazkowe cw262a.jpg
  9. Dla komórek w drugim wierszu: tło obrazkowe cw262b.jpg
• Pamiętaj o podstawowych ustawieniach strony: język, kodowanie znaków, tytuł.
DEMO 1

Pytania i odpowiedzi: