HTML 5
HTML (HyperText Markup Language) — это стандартный язык разметки для создания веб-страниц и веб-приложений. С помощью каскадных таблиц стилей (CSS) и JavaScript он формирует триаду краеугольных технологий для World Wide Web.
Основные Компоненты HTML
Теги
HTML-документ состоит из тегов, которые указывают браузеру, как отображать содержимое. Каждый тег имеет специфическое назначение, например, создание абзацев, заголовков, таблиц или вставка изображений.
Атрибуты
Атрибуты в тегах определяют дополнительные характеристики элементов, такие как стиль, класс, идентификаторы и другие параметры, которые влияют на отображение и поведение элементов.
Элементы
Элементы HTML образуются открывающим и закрывающим тегами и содержат в себе текст, другие теги или пустое пространство. Некоторые элементы, такие как <br>, не требуют закрывающего тега и называются пустыми элементами.
Структура HTML-документа
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Название вашего документа</title>
</head>
<body>
<p><b>Тут размещается ваш текст.</b></p>
</body>
</html>Заголовок документа (<head>)
Содержит метаданные о документе, такие как его заголовок, ссылки на стили, скрипты и другие важные элементы, которые не отображаются напрямую на странице.
Основное поле работы (<body>)
В тело документа вставляется весь контент страницы, включая текст, изображения, таблицы, списки и другие элементы, которые пользователь видит в браузере.
Примеры использования HTML
- Текст: Форматирование текста с помощью тегов.
- Ссылки: Создание гиперссылок.
- Изображения: Вставка изображений на веб-страницу.
- Списки: Создание упорядоченных и неупорядоченных списков.
Регистр в HTML
Регистр тегов и атрибутов в HTML значения не имеет, но принято использовать нижний регистр для улучшения читаемости кода.
Вложенность элементов
Элементы могут быть вложенными, что позволяет создавать сложные структуры. Важно правильно закрывать все теги и следить за порядком их вложенности.