Teoria
Teoria

Konsolidacja

W tym zadaniu skonsolidujesz to, czego się nauczyłeś i samodzielnie napiszesz kilka tagów. Zmienisz również wartość w CSS.

Konieczne będzie sfinalizowanie znaczników oraz dodanie nagłówka i akapitu. A także zmienić rozmiar czcionki dla jednego z typów nagłówków.

Spróbuj samodzielnie dowiedzieć się, do czego służą znaczniki i właściwości w przykładzie. Jeśli nie możesz, otwórz etykietę narzędzia.

<h2> oznacza nagłówek drugiego poziomu.

<p> oznacza akapit.

Aby zwiększyć czcionkę nagłówków pierwszego poziomu, wystarczy zmienić tę regułę w CSS:

h1 { font-size: 48px; }

index.html
style.css

HTML

<!DOCTYPE html> <html> <head> <title>Konsolidacja</title> <link rel="stylesheet" href="style.css"> </head> <body> <h1>Główne języki internetowe</h1> <h2>Język HTML</h2> <p>Składa się z wielu znaczników. Każdy znacznik ma określone znaczenie i cel.</p> Język CSS Składa się z selektorów i właściwości. Język JavaScript Najpopularniejszy język programowania na świecie. </body> </html>

CSS

/* Ta reguła ustawia ogólny rozmiar czcionki */ body { font-size: 16px; } /* Ta reguła dotyczy rozmiaru nagłówków pierwszego poziomu */ h1 { font-size: 20px; } /* A to jest cień dla nagłówków pierwszego poziomu */ h1 { text-shadow: 1px 1px 0 white, 2px 2px 0 #ccc; }

ObiettiviFatto

Ćwicz zmianę kodu w edytorach. Obserwuj, jak strona zmienia się w przeglądarce.

Tekst Język CSS powinien być nagłówkiem drugiego poziomu.
Tekst Składa się z selektorów i właściwości. akapit.
Zwiększ rozmiar czcionki nagłówka pierwszego poziomu do 48px.