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

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

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

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

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

  • Введение в HTML

    Если вы новичок в веб-разработке, обязательно прочитайте нашу статью "Основы HTML", чтобы узнать, что такое HTML и как его использовать.

  • Руководства по HTML

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

  • Справка по HTML

    В нашем обширной справке по HTML вы найдете подробности о каждом элементе и атрибуте в HTML.

Руководства для начинающих

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

Введение в HTML
Этот модуль закладывает основу, знакомя вас с важными понятиями и синтаксисом, такими как применение HTML к тексту, создание гиперссылок и использование HTML для построения веб-страницы.
Мультимедиа и встраивание
В этом модуле рассматривается, как использовать HTML для добавления мультимедиа на ваших веб-страницах, в том числе различные способы, которыми может быть добавлено изображение, а также встраивание видео, аудио, и даже других веб-страниц.
HTML-таблицы
Представление табличных данных на веб-странице в понятной, доступной форме может быть проблемой. Этот модуль охватывает базовую табличную разметку, а также более сложные особенности, такие как добавление заголовков и описаний.
HTML-формы
Формы являются очень важной частью Всемирной паутины - они предоставляют большую часть функциональности, которая вам нужна для взаимодействия с веб-сайтами, например регистрация и вход на сайт, отправка отзыва, покупка товаров, и многое другое. Этот модуль поможет вам начать с создания клиентских (client-side/front-end) частей форм.
Используйте HTML для решения распространенных задач.
Содержит ссылки на разделы, объясняющие как использовать HTML для решения самых распространенных задач при создании веб-страницы: работа с заголовками, добавление изображений или видео, выделение контента, создание базовой формы и т.д.

Продвинутые темы

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

Справочники

Справка по HTML
HTML состоит из элементов, каждый из которых может быть изменен некоторым количеством атрибутов. HTML-документы связаны между собой ссылками.
Справка по HTML-элементам
Смотреть список всех элементов HTML.
Справка по HTML-атрибутам
У элементов в HTML есть атрибуты. Это дополнительные величины, которые настраивают элементы или управляют их поведением различными способами.
Глобальные атрибуты
Глобальные атрибуты могут быть указаны для всех элементов HTML, даже тех, которые не указаны в стандарте. Это означает, что любые нестандартные элементы обязаны по-прежнему разрешать эти атрибуты, даже если эти элементы делают документ несовместимым с HTML5.
Строчные и блочные элементы
Элементы HTML являются обычно "строчными" или "блочными". Строчный элемент занимает только пространство, ограниченное тегами, которые его определяют. Блочный элемент занимает все пространство своего родительского элемента (контейнера), тем самым создавая "блок".
Типы ссылок
В HTML различные типы ссылок могут использоваться для установления и определения связи между двумя документами. Элементы-ссылки, типы которых могут быть заданы, включают в себя <a>, <area> и <link>.
Поддержка медиа-форматов с помощью HTML-элементов audio и video
Элементы <audio> и <video> позволяют вам воспроизводить аудио и видео. Эти элементы предоставляют браузерную альтернативу аналогичным возможностям, которые есть в Adobe Flash и других плагинах.
Виды HTML-контента
HTML состоит из нескольких видов контента, каждый из которых разрешено использовать в определенных контекстах и запрещено в других. Так же, у каждого есть набор других категорий контента, которые они могут содержать, и элементы, которые могут или не могут использоваться в них. Это руководство по этим категориям.
Режим совместимости и стандартный режим
Историческая справка по режиму совместимости и стандартному режиму.

Похожие темы

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

Присоединяйтесь к сообществу Web layout

Выберите удобный способ для общения:

Метки документа и участники

Обновлялась последний раз: JCodeg,