HTML: Язык разметки гипертекста

HTML (HyperText Markup Language) — это основной строительный блок Веба. Он определяет смысл и структуру веб-контента. Для описания внешнего вида/представления веб-страницы, помимо HTML, обычно используются другие технологии (CSS), или функциональности/поведения (JavaScript).

«Гипертекст» относится к ссылкам, которые соединяют веб-страницы друг с другом, как внутри одного сайта, так и между ними. Ссылки являются фундаментальной частью Веба. Загружая контент в Интернет и связывая его со страницами, созданными другими людьми, вы становитесь активным участником Всемирной паутины.

HTML использует «разметку» для аннотирования текста, изображений и другого контента для отображения в веб-браузере. Разметка HTML включает в себя специальные «элементы», такие как <head>, <title>, <body>, <header>, <footer>, <article>, <section>, <p>, <div>, <span>, <img>, <aside>, <audio>, <canvas>, <datalist>, <details>, <embed>, <nav>, <search>, <output>, <progress>, <video>, <ul>, <ol>, <li> и многие другие.

HTML-элемент отделяется от другого текста в документе «тегами», которые состоят из имени элемента, окружённого «<» и «>». Имя элемента внутри тега не чувствительно к регистру. То есть, его можно написать заглавными, строчными или смешанными буквами. Например, тег <title> может быть написан как <Title>, <TITLE>, или каким-либо другим способом. Однако, принято и рекомендуется писать теги строчными буквами.

Ниже приведены статьи, которые помогут вам узнать больше об HTML.

Ключевые ресурсы

Введение в HTML: Если вы новичок в веб-разработке, обязательно прочтите нашу статью Основы HTML, чтобы узнать, что такое HTML и как им пользоваться.
Учебники по HTML: Для статей о том, как использовать HTML, а также учебников и полных примеров, ознакомьтесь с нашим Учебным разделом по HTML.
Справочник по HTML: В нашем обширном разделе Справочник по HTML вы найдёте подробную информацию обо всех элементах и атрибутах HTML.

Учебники для начинающих

Наш Учебный раздел по HTML содержит несколько модулей, которые обучают HTML с нуля — никаких предварительных знаний не требуется.

Введение в HTML: Этот модуль подготовит вас, познакомит с важными понятиями и синтаксисом, такими как применение HTML к тексту, создание гиперссылок и использование HTML для структурирования веб-страницы.
Мультимедиа и встраивание: Этот модуль исследует, как использовать HTML для включения мультимедиа на ваши веб-страницы, включая различные способы включения изображений и способы встраивания видео, аудио и даже целых других веб-страниц.
Таблицы HTML: Представление табличных данных на веб-странице понятным и доступным способом может быть сложной задачей. Этот модуль охватывает базовую разметку таблиц, а также более сложные функции, такие как реализация подписей и резюме.
Формы HTML: Формы — очень важная часть Веба. Они обеспечивают большую часть функциональности для взаимодействия с веб-сайтами, например, для регистрации и входа, отправки отзывов, покупки товаров и многое другое. Этот модуль позволит вам начать работу с созданием клиентских/фронтенд-частей форм.
Использование HTML для решения общих проблем: Предоставляет ссылки на разделы, объясняющие, как использовать HTML для решения распространённых проблем при создании веб-страницы: работа с заголовками, добавление изображений или видео, выделение контента, создание простой формы и т.д.

Дополнительные темы

Изображение с поддержкой CORS: Атрибут crossorigin в сочетании с соответствующим заголовком CORS позволяет изображениям, определённым элементом <img>, загружаться из внешних источников и использоваться в элементе <canvas>, как если бы они загружались из текущего источника.
Атрибуты настроек CORS: Некоторые HTML-элементы, которые поддерживают CORS, такие как <img> или <video>, имеют атрибут crossorigin (свойство crossOrigin), который позволяет настроить запросы CORS для данных, извлечённых из элемента.
Предварительная загрузка контента с rel="preload": Значение preload атрибута <link> rel позволяет вам писать декларативные запросы на получение данных в вашем HTML <head>, указывая ресурсы, которые вашей странице понадобятся вскоре после загрузки, которые, следовательно, вы хотите начать предварительно загружать на ранней стадии загрузки страницы, до того, как запустится основная система рендеринга браузера. Это гарантирует, что они станут доступны раньше и менее вероятно, что будут блокировать первый рендеринг страницы, что приводит к улучшению производительности. Эта статья содержит базовое руководство о том, как работает preload.

Справочник

Справочник по HTML: HTML состоит из **элементов**, каждый из которых может быть изменён некоторым количеством **атрибутов**. HTML-документы соединяются друг с другом **ссылками**.
Справочник по HTML-элементам: Просмотрите список всех HTML элементов.
Справочник по атрибутам HTML: Элементы в HTML имеют **атрибуты**. Это дополнительные значения, которые конфигурируют элементы или изменяют их поведение различными способами.
Глобальные атрибуты: Глобальные атрибуты можно задать для всех HTML-элементов, *даже тех, которые не указаны в стандарте*. Это означает, что любые нестандартные элементы должны всё же разрешать эти атрибуты, даже если эти элементы делают документ несовместимым с HTML5.
Элементы уровня строки и элементы уровня блока: HTML-элементы обычно являются элементами «уровня строки» или «уровня блока». Элемент уровня строки занимает только место, ограниченное тегами, которые его определяют. Элемент уровня блока занимает всё пространство родительского элемента (контейнера), тем самым создавая «блочный бокс».
Комментарии HTML: HTML-комментарии используются для добавления поясняющих заметок к разметке или для предотвращения интерпретации браузером определённых частей документа.
Руководство по типам и форматам медиа в веб: Элементы <audio> и <video> позволяют воспроизводить аудио и видео-медиа непосредственно в вашем контенте без необходимости поддержки внешнего программного обеспечения.
Категории контента HTML: HTML состоит из нескольких видов контента, каждый из которых разрешён для использования в определённых контекстах и запрещён в других. Аналогично, каждый контекст имеет набор других категорий контента, которые он может содержать, и элементы, которые могут или не могут использоваться в них. Это руководство по этим категориям.
Режим «странностей» и режим «стандартов»: Историческая информация о режиме «странностей» и режиме «стандартов».

Связанные темы

Применение цвета к HTML-элементам с помощью CSS: В этой статье рассматриваются большинство способов использования CSS для добавления цвета к HTML-контенту, перечисляя какие части HTML-документов можно окрашивать и какие свойства CSS использовать при этом.

© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/HTML