В прошлом уроке мы выяснили, что страница состоит из трёх слоёв. Самый первый и главный — HTML. Это язык, на котором задаётся структура страницы. Если убрать HTML, на сайте не останется вообще ничего, что можно было бы показать.
HTML — это скелет
Представь человека. У него есть скелет — кости, на которых держится всё тело. Скелет определяет форму: где голова, где руки, где ноги. Но скелет — это ещё не человек: нет ни кожи, ни одежды, ни движения.
HTML — это и есть скелет страницы. Он говорит:
- вот здесь — большой заголовок;
- вот здесь — обычный абзац текста;
- а вот тут — кнопка и картинка.
HTML отвечает только за содержание и структуру. Никаких цветов, никаких реакций на клики — только «что где находится».
Как выглядит HTML
Структуру задают теги — специальные метки в угловых скобках. Тег как бы оборачивает содержимое и говорит браузеру, чем оно является.
<h1>Привет</h1>
<p>Это мой первый абзац на странице.</p>
Здесь <h1> — это тег заголовка (от англ. heading), а <p> — тег абзаца (paragraph). Обрати внимание: у тега есть открывающая часть <h1> и закрывающая </h1> с косой чертой. Между ними — текст, который и увидит пользователь.
Совет
Можешь думать о тегах как о подписях к коробкам: «здесь заголовок», «здесь абзац». Браузер читает эти подписи и понимает, как разложить содержимое по местам.
Мини-проверка
Чем закрывающий тег </h1> отличается от открывающего <h1>?
Зачем это знать
HTML — фундамент любого сайта. Даже самые сложные приложения в основе своей — это HTML-структура. Когда ты понимаешь, что такое теги и скелет страницы, всё остальное — внешний вид и поведение — становится понятнее. В следующем уроке мы оденем этот скелет с помощью CSS.