HTML – это как театр: есть сцена, кулисы и сценарий. А <html>, <head> и <body> – главные роли в этом спектакле. Разберём, кто за что отвечает, но с капелькой юмора!
<html> – главный контейнер, великий организатор
Если HTML-документ – это дом, то тег <html> – это фундамент, стены и крыша. Без него всё просто рассыплется.
Пример:
<!DOCTYPE html>
<html>
<head>
<title>Мой первый сайт</title>
</head>
<body>
<h1>Привет, мир!</h1>
</body>
</html>Что делает <html>?
- Содержит всю страницу
- Показывает браузеру, где начинается HTML-код
- Без него браузер просто запутается
<head> – мозговой центр страницы
<head> – это как кулисы в театре: зрители (пользователи) их не видят, но без них шоу не получится. Здесь находятся важные настройки страницы.
Что в нём обычно есть?
<title>– заголовок страницы (тот самый текст на вкладке браузера)<meta>– волшебные теги, которые рассказывают поисковикам, что за сайт<link>– подключение стилей CSS, шрифтов и иконок<script>– подключение скриптов (если они не в<body>, конечно)
Пример:
<head>
<title>Сайт мечты</title>
<meta charset="UTF-8">
<meta name="description" content="Самый крутой сайт на планете">
<link rel="stylesheet" href="style.css">
</head>Без <head> ваш сайт останется лысым, безымянным и скучным. Не надо так!
<body> – сцена, где всё происходит
<body> – это то, что видят пользователи. Все кнопки, картинки, статьи и даже мемы – это его территория.
Пример:
<body>
<h1>Добро пожаловать!</h1>
<p>Этот сайт изменит вашу жизнь (или хотя бы покажет красивый текст).</p>
<img src="cat.jpg" alt="Смешной котик">
</body>Что обычно находится в <body>?
- Тексты (
<p>,<h1>—<h6>и т. д.) - Картинки (
<img>) - Ссылки (
<a>) - Кнопки (
<button>,<input>и т. д.) - Вся магия JavaScript
Итог: кто за что отвечает?
<html>– говорит браузеру: «Здесь начинается сайт!»<head>– настраивает и подготавливает страницу<body>– показывает пользователю всю красоту
Теперь вы знаете, кто в HTML главный! Пишите код, создавайте сайты и пусть <head> всегда будет полон разума, <body> – контента, а <html> – структуры!
