Розділ 1 · Завдання 10

Структура документа

Досі все працювало навіть без «офіційного» каркасу — браузер прощає таке новачкам. У справжніх сайтах кожна сторінка починається з нього.

Завдання

Обгорни весь свій код із завдань 1–9 двома блоками — на самому початку файлу і в самому кінці:

index.html

<!DOCTYPE html>
<html>
<head>
  <title>Мій перший сайт</title>
</head>
<body>

... тут весь твій код із завдань 1-9 ...

</body>
</html>

Що означає кожен рядок

<!DOCTYPE html> — перший рядок будь-якого HTML-файлу, каже браузеру «це сучасна HTML-сторінка».

<html> — головний контейнер, усередині якого весь документ.

<head> — «невидима» частина: налаштування сторінки.

<title> — назва, яка з'являється на вкладці браузера вгорі.

<body> — усе, що бачить користувач.

Бонус

Тепер, коли є <body>, можна задати колір фону для всієї сторінки одразу:

index.html

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

Курс створено за підтримки бухгалтерського бюро Galakton, Білосток, Польща