Итоги
На первом уроке мы узнали, что:
- HTML (HyperText Markup Language) — язык, описывающий содержимое и структуру веб-страниц. Вместе с CSS и JavaScript он составляет основу любого сайта.
- HTML-элемент состоит из открывающего тега, содержимого и закрывающего тега, например
<h1>Привет, мир!</h1>. Элементh1— главный заголовок страницы (заголовок первого уровня). - Объявление типа документа
<!DOCTYPE html>пишется в первой строке. Регистр букв в нём не важен. - У каждой страницы один и тот же каркас: элемент
htmlохватывает всю страницу, а внутри него сначала идётhead, а под нимbody. - В элементе
headхранится информация о странице, которая в ней не отображается, например заголовок на вкладке браузера или favicon. - Элемент
<meta charset="utf-8">(meta — от metadata, «метаданные») сообщает браузеру, как читать буквы, например «ё», «й» или «щ». Он идёт вheadпервым, и у него нет закрывающего тега. - Элемент
titleзадаёт заголовок страницы, который показывается на вкладке браузера и в результатах поиска. - В элементе
bodyнаходится всё, что видно на странице, например заголовки (h1) и абзацы (p). - Элемент внутри другого элемента вложен в него. Внешний элемент — его родитель, вложенный — потомок, а элементы с общим родителем — соседние.
- Каждый потомок сдвигается на уровень глубже, чем его родитель. Табуляция, два пробела или четыре пробела — подойдёт любой вариант, если отступы везде одинаковые.
Это самые азы HTML. На следующем уроке мы начнём наполнять нашу страницу содержимым: заголовками, абзацами и списками, а также форматированным текстом и комментариями. Впереди много интересного!
Задание
- 1
Поздравляем, вы прошли первый урок программирования на HTML!