PROJEKTOWANIE STRON INTERNETOWYCH

2. Utwórz tabelę z klasa "one" , składajaca się z 5 wierszy i 3 kolumn. Szerokosć 80 %
Tabela ma złaczone krawędzie komórek.
Osobno zadeklaruj komórki nagłówkowe, które maja obramowanie 3px czerwone, odstęp 10px, duże litery i tło niebieskie.
Osobno zadeklaruj komórki "zwykłe", które maja obramowanie 2px zielone, odstęp 10px i tło żółte.
Nie zapomnij zadeklarować pustych komórek za pomoca poznanych własciwosci CSS.

3. Utwórz tabelę z klasa "dwa" . Tabela ma złaczone krawędzie w tabeli. Szerokosć 80 %.
W komórkach th i td jest ustawiony odstęp na 8 px oraz border-top w kolorze aqua z 1 px.
Dodatkowo ZASTOSOWAŁAM PSEUDOKLASĘ :hover , która ma tło w kolorze aqua. Po najechaniu mysza zobaczysz efekt.

4 i 5. Utwórz tabelę z klasa "trzy" (kopiujac tabelę "dwa")
Skopiuj wszystkie deklaracje z tabeli z klasa "dwa" i zamień je na "trzy".
Dodatkowo w wierszu dodaj KOLOR fioletowy WIERSZY PARZYSTYCH
oraz kolor szary WIERSZY NIEPARZYSTYCH po najechaniu mysza na wiersze.

Po najechaniu mysza zobaczysz efekt.

6. Utwórz tabelę z klasa "cztery", składajaca się z 2 wierszy i 2 kolumn. Szerokosć 50 %
Tylko główna czesć tabeli ma obramowanie: table { 1px solid czarne }.
th w tabeli ma klasę - deklaracja czcionki w kolorze czerwonym oraz tła żółtego.
W formie przypomnienia - aby th i td mialo obramowanie należałoby je zadeklarować.

7. Utwórz tabelę z klasa "piec", składajaca się z 2 wierszy i 2 kolumn. Szerokosć 50 %
Tabela oraz komórki tabeli maja obramowanie: table * { 1px solid czarne }.
W celu zmiany wiersza nagłówkowego - wykorzystaj th z klasą z zadania wyższego.
th i td dziedziczą obramowanie od tabeli

8. Utwórz tabelę z klasa "noc".
W tabeli występują odstępy pomiędzy komórki - 10 px
oraz zadeklarowane są dwa rożne style ramek w komórkach (inset i outset).
Kolory dowolne. Wiersz nagłówkowy ma mieć tło.

9. Utwórz tabelę z klasa "pink".
Wprowadz collapse w deklaracji krawędzi komórek.
Należy wstawić pusta wyswietlajaca się komórkę.

10. Zastosowano caption - odswież w Mozilla Firefox. Wykonaj podobna tabelę.

11. Postaraj się wykonać podobna tabelę - która zagnieżdża tabelę w tabeli.

12.

Skopiuj tabelkę (znaczniki oraz jej style) z klasą "dwa". Zamień nazwę klasy na "dwa1".
Zmodyfikuj ją jak we wzorcu (potrzebujemy 6 kolumn zamiast 3).
TWORZYMY TABLĘ RESONSYWNĄ na urządzeniach mobilnych.
W stylach, w znaczniku table.dwa1 mają się znaleźć następujące właściwości i wartości:
    width: 100%;
    table-layout:auto;
    display:block;
    border-collapse: collapse;

Pozostałe elementy pozostaja bez zmian:
Tabela ma złączone krawędzie w tabeli. Szerokosć 100 %.
W komórkach th i td jest ustawiony odstęp na 8 px oraz border-top w kolorze aqua z 1 px.
Dodatkowo ZASTOSOWAŁAM PSEUDOKLASĘ :hover , która ma tło w kolorze aqua. Po najechaniu mysza zobaczysz efekt.