Структура HTML-документа
HTML-документ имеет четкую структуру, состоящую из различных элементов, которые определяют его содержание и отображение в браузере. Основные компоненты HTML-документа:
<!DOCTYPE html>: Объявление типа документа, указывающее, что это HTML5-документ. Это помогает браузеру правильно интерпретировать содержимое страницы.<html>: Корневой элемент, который содержит все остальные элементы HTML-документа. Внутри него находятся два основных раздела: <head> и <body>.<head>: Содержит метаданные о документе, такие как:
<title>: Заголовок страницы, отображаемый на вкладке браузера.<meta>: Метаданные, например, кодировка документа. Например, можно указать, что символы документа используют кодировку UTF-8 следующим образом <meta charset="UTF-8">- Ссылки на внешние стили и скрипты.
<body>: Основной видимый контент страницы. Все элементы, которые пользователи видят в браузере, находятся внутри этого тега.
Понятие тега и атрибута
Тег в HTML — это элемент разметки, который используется для определения структуры и содержания веб-страницы.
Каждый тег может иметь открывающую и закрывающую части. Например:
- Открывающий тег:
<p> — начинает новый абзац.
- Закрывающий тег:
</p> — завершает абзац.
Некоторые теги могут быть самозакрывающимися, например,
<br> (разрыв строки) или
<img> (изображение).Теги могут также содержать
атрибуты, которые предоставляют дополнительную информацию о элементе.
Атрибут тега — это дополнительная информация, которая может быть добавлена к открывающему тегу для настройки его поведения или внешнего вида. Атрибуты помогают уточнить свойства элемента.
Простой пример базового HTML-документа
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Пример страницы</title>
</head>
<body>
<h1>Добро пожаловать!</h1>
<p>Это моя первая веб-страница.</p>
</body>
</html>
