Базовая структура HTML

Базовая конструкция HTML

HTML - описывает все свои элементы тэгами. То есть по факту все описание вашей страницы будет состоять исключительно из тэгов. Давайте разберем основные тэги, которые вам будут встречаться постоянно от макета к макету.

  1. <! DOCTYPE html> - этот тег определяет язык, который вы будете писать на странице. В данном случае используется язык HTML 5.

  2. < html > - этот тег сигнализирует о том, что с этого момента мы будем писать в HTML-коде.

  3. < head > - здесь находятся все метаданные для страницы - вещи, в основном предназначенные для поисковых систем и браузеров

  4. < body > - это то, куда идет содержимое страницы.

Примечание: я специально все тэги писал с пробелами внутри - для наглядности. Но знайте, они пишутся без пробелов внутри <>

Код типичной страницы

Давайте посмотрим на саму страницу

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>

</body>
</html>

Как вы можете обратить внимание почти все тэги имеют открывающую и закрывающую модель (html, head, title, body). Некоторым данная вещь не нужна ибо они являются описательными. В нашем случае это Doctype - который нам описывает на каком конкретно языке(версии) мы будем писать. А также meta тэги - которые необходимы для описания браузеру как выводить контент: кодировка контента и какой на данный момент вывод контента будет(размерность)

Добавление содержимого

HTML < body > - это то место, куда мы добавляем контент, предназначенный для просмотра человеческими глазами. Сюда входят текст, изображения, таблицы, формы и все остальное, что мы видим в Интернете каждый день. Добавлять естественным образом мы будем тоже тэги. Соответственно вам надо будет ознакомиться с базовым набором тэгов. Об этом мы поговорим в следующей статье.