Rozdział 1 · Zadanie 10

Struktura dokumentu

Do tej pory wszystko działało nawet bez «oficjalnego» szkieletu — przeglądarka wybacza to początkującym. Na prawdziwych stronach każda zaczyna się właśnie od niego.

Zadanie

Otocz cały swój kod z zadań 1–9 dwoma blokami — na samym początku pliku i na samym końcu:

index.html

<!DOCTYPE html>
<html>
<head>
  <title>Moja pierwsza strona</title>
</head>
<body>

... tutaj cały twój kod z zadań 1-9 ...

</body>
</html>

Co oznacza każda linijka

<!DOCTYPE html> — pierwsza linijka każdego pliku HTML, mówi przeglądarce «to nowoczesna strona HTML».

<html> — główny kontener, wewnątrz którego jest cały dokument.

<head> — «niewidoczna» część: ustawienia strony.

<title> — nazwa, która pojawia się na karcie przeglądarki u góry.

<body> — wszystko, co widzi użytkownik.

Bonus

Teraz, gdy jest <body>, można ustawić kolor tła dla całej strony naraz:

index.html

<body style="background-color: lightyellow;">

Kurs powstał dzięki wsparciu biura rachunkowego Galakton, Białystok, Polska