Примеры HTML5

Объяснение примеров HTML5

Примеры Видео

Объяснение примеров Видео

Примеры Аудио

Объяснение примеров Аудио

Примеры Холст

Рисует линию, указав, где начать, и где остановиться
Рисует круг, с указанным размером, цветом и положением
Рисует градиент фона с цветами, которые вы указали
Помещяет изображение на холсте
Рисуем с JavaScript

Объяснение примеров Холст

Примеры Сети хранения

Как создать и получить доступ к localStorage
Подсчитывается количество раз, которое пользователь посетил страницу
Как создать и получить доступ к sessionStorage
Подсчитывается количество раз, которые пользователь посетил страницу, в текущей сессии

Объяснение примеров Сети хранения

Примеры Типы входных данных

Пример со всеми атрибутами ограничений типа входных данных number
Тип входных данных color позволит вам выбрать цвет из палитры цветов
Значение поля электронной почты автоматически проверяется при отправке формы
Значение поля URL автоматически проверяется при отправке формы
Устанавливает ограничения на то, какие номера принимаются
Устанавливает ограничения на то, какие числа типа входных данных range принимаются
Позволяет выбрать дату из календаря
Позволяет выбрать месяц из календаря
Позволяет выбрать неделю из календаря
Позволяет выбрать время из календаря
Позволяет выбрать время UTC из календаря
Позволяет выбрать локальное время из календаря

Объяснение примеров Типы входных данных

Примеры Элементы формы

Пример с элементом datalist
Пример с элементом keygen
Пример с элементом output
Холст с высотой и шириной 200 пикселей:

Объяснение примеров Элементы формы

Примеры Атрибуты форм

Объяснение примеров Атрибуты форм

Примеры Глобальные атрибуты

Ссылки с указанными сочетаниями клавиш
Использование атрибута class в документе HTML
Как добавить несколько классов в один элемент HTML

Объяснение примеров Глобальные атрибуты

Примеры <!DOCTYPE>

Документ HTML5 с правильным DOCTYPE:

Объяснение примеров <!DOCTYPE>

Примеры <a>

Ссылка на Xhtml.co.il:

Объяснение примеров <a>

Примеры <area>

Пример с тегом article:
Создание карты изображения:

Объяснение примеров <area>

Примеры <aside>

Пример с тегом aside:

Объяснение примеров <aside>

Примеры <b>

Пример с тегом b:

Объяснение примеров <b>

Примеры <base>

Указывает URL по умолчанию, и цели по умолчанию для всех ссылок на странице:

Объяснение примеров <base>

Примеры <bdo>

Указывает направление текста:

Объяснение примеров <bdo>

Примеры <blockquote>

Блок цитаты обозначается слудующим образом:

Объяснение примеров <blockquote>

Примеры <body>

Простой документ HTML, с минимумом необходимых тегов:

Объяснение примеров <body>

Примеры <br>

Разрыв строки отмечается следующим образом:

Объяснение примеров <br>

Примеры <button>

Кнопка обозначается следующим образом:

Объяснение примеров <button>

Примеры <canvas>

Как отобразить красный квадрат с помощью элемента canvas:

Объяснение примеров <canvas>

Примеры <caption>

Таблица с заголовком:

Объяснение примеров <caption>

Примеры <cite>

Форматирование текста в документе:

Объяснение примеров <cite>

Примеры <col>

Использование тега <col>

Объяснение примеров <col>

Примеры <colgroup>

Использование тега <colgroup>:

Объяснение примеров <colgroup>

Примеры <command>

Кнопка обозначается следующим образом:

Объяснение примеров <command>

Примеры <datalist>

Элемент ввода с возможными значениями описанными в datalist:

Объяснение примеров <datalist>

Примеры <dd>

Список определений, с терминами и определениями:

Объяснение примеров <dd>

Примеры <del>

Текст с удаленной и новой, вставленной частью:

Объяснение примеров <del>

Примеры <div>

Раздел в документе, который будет отображаться зеленым цветом:

Объяснение примеров <div>

Примеры <embed>

Флэш-анимация:

Объяснение примеров <embed>

Примеры <figcaption>

Изображение, используемое в качестве фигуры в документе, с подписью:

Объяснение примеров <figcaption>

Примеры <footer>

Нижний колонтитул в документе:

Объяснение примеров <footer>

Примеры <form>

Простая форма HTML с двумя полями ввода и одной кнопкой отправки:

Объяснение примеров <form>

Примеры <h1> - <h6>

Шесть различных заголовков HTML:

Объяснение примеров <h1> - <h6>

Примеры <head>

Простой документ HTML с заголовком:

Объяснение примеров <head>

Примеры <header>

Введение в мою домашнюю страницу:

Объяснение примеров <header>

Примеры <hgroup>

Использование <hgroup> для группирования заголовков раздела или страницы:

Объяснение примеров <hgroup>

Примеры <hr>

Использование тега the <hr> для определения изменения в содержании:

Объяснение примеров <hr>

Примеры <html>

Простой документ HTML5:

Объяснение примеров <html>

Примеры <i>

Пример с тегом <i>:

Объяснение примеров <i>

Примеры <iframe>

Объяснение примеров <iframe>

Примеры <img>

Как вставить изображение:

Объяснение примеров <img>

Примеры <keygen>

Форма с полем keygen:

Объяснение примеров <keygen>

Примеры <label>

Простая форма HTML с двумя полями ввода и связанными с ними с этикетками:

Объяснение примеров <label>

Примеры <legend>

Как сгруппировать связанные элементы в форме:

Объяснение примеров <legend>

Примеры <li>

Списки в HTML5:

Объяснение примеров <li>

Примеры <link>

Ссылка на внешнюю таблицу стилей:

Объяснение примеров <link>

Примеры <mark>

Выделенная часть текста:

Объяснение примеров <mark>

Примеры <menu>

Список меню:

Объяснение примеров <menu>

Примеры <meta>

Описывает данные мета:

Объяснение примеров <meta>

Примеры <meter>

Используйте элемент meter для измерения данных в пределах заданного диапазона:

Объяснение примеров <meter>

Примеры <nav>

Элемент nav определяет раздел предназначенный для навигации:

Объяснение примеров <nav>

Примеры <noscript>

Использование тега <noscript>:

Объяснение примеров <noscript>

Примеры <object>

Как использовать элемент object для показа Flash:

Объяснение примеров <object>

Примеры <ol>

3 различных упорядоченных списка:

Объяснение примеров <ol>

Примеры <optgroup>

Группирует вместе связанные опции с тегом <optgroup>:

Объяснение примеров <optgroup>

Примеры <option>

Раскрывающийся список с четырьмя опциями:

Объяснение примеров <option>

Примеры <output>

Как пользоваться элементом output в форме:

Объяснение примеров <output>

Примеры <p>

Параграф отмечается следующим образом:

Объяснение примеров <p>

Примеры <param>

Как установить параметр для элемента object:

Объяснение примеров <param>

Примеры <pre>

Preformatted text:

Объяснение примеров <pre>

Примеры <progress>

Пометка "Загрузка в процессе":

Объяснение примеров <progress>

Примеры <q>

Короткая цитата отмечается следующим образом:

Объяснение примеров <q>

Примеры <rp>

Аннотация ruby:

Объяснение примеров <rp>

Примеры <s>

Текст, который используется для замены на правильный текст:

Объяснение примеров <s>

Примеры <script>

Напишите "Привет мир" с помощью JavaScript:

Объяснение примеров <script>

Примеры <section>

Раздел в документе, объясняющий, что такое ФДП:

Объяснение примеров <section>

Примеры <select>

Создание раскрывающегося списока с четырьмя опциями:

Объяснение примеров <select>

Примеры <small>

Определяет небольшой текст внутри параграфа:

Объяснение примеров <small>

Примеры <style>

Использование элемента style в документе HTML:

Объяснение примеров <style>

Примеры <summary>

Подробная информация о документе:

Объяснение примеров <summary>

Примеры <table>

Простая таблица HTML, содержащая два столбца и две колонки:

Объяснение примеров <table>

Примеры <tbody>

Таблица HTML с элементами thead, tfoot и tbody:

Объяснение примеров <tbody>

Примеры <td>

Простая таблица HTML, содержащая две колонки:

Объяснение примеров <td>

Примеры <th>

Простая таблица HTML с двумя ячейками заголовков и двумя ячейками данных:
Таблица HTML с ячейкой заголовка, которая охватывает две колонки:
Таблица HTML с ячейкой заголовка, которая охватывает три строчки:
Ниже приведен пример заголовка таблицы, связанный с каждой ячейкой:
Следующий пример определяет два элемента th, как заголовки столбцов:

Объяснение примеров <th>

Примеры <time>

Как определить время и дату:

Объяснение примеров <time>

Примеры <tr>

Простая таблица HTML, содержащая один столбец и две колонки:

Объяснение примеров <tr>

Примеры <ul>

Ненумерованный список HTML:

Объяснение примеров <ul>

Примеры <video>

Видео:

Объяснение примеров <video>

Примеры <wbr>

Текст с возможностью разрыва строки:

Объяснение примеров <wbr>

Примеры HTML5 Глобальный атрибут contenteditable

Редактируемый параграф

Объяснение примеров HTML5 Глобальный атрибут contenteditable

Примеры HTML5 Глобальный атрибут dir

Параграф с направлением написания справа налево

Объяснение примеров HTML5 Глобальный атрибут dir

Примеры HTML5 Глобальный атрибут hidden

Скрытый параграф

Объяснение примеров HTML5 Глобальный атрибут hidden

Примеры HTML5 Глобальный атрибут id

Использование атрибута ID для изменения текста с помощью JavaScript:
Как добавить атрибут id к элементу HTML:
Как использовать атрибут ID для форматирования элемента с помощью CSS:
Как использовать атрибут ID для создания ссылки на якорь:

Объяснение примеров HTML5 Глобальный атрибут id

Примеры HTML5 Глобальный атрибут lang

Параграф с указанным языком:

Объяснение примеров HTML5 Глобальный атрибут lang

Примеры HTML5 Глобальный атрибут spellcheck

Редактируемый параграф с проверкой орфографии:

Объяснение примеров HTML5 Глобальный атрибут spellcheck

Примеры HTML5 Глобальный атрибут style

Использование атрибута style в документе HTML:

Объяснение примеров HTML5 Глобальный атрибут style

Примеры HTML5 Глобальный атрибут tabindex

Ссылки с указанным порядком навигации:

Объяснение примеров HTML5 Глобальный атрибут tabindex

Примеры Атрибут HTML5 <a> HREF

Как использовать якорь URL с атрибутом ID (атрибут name не поддерживается в HTML5)

Объяснение примеров Атрибут HTML5 <a> HREF

Примеры Атрибут HTML5 <a> media

Ссылка с атрибутом media:

Объяснение примеров Атрибут HTML5 <a> media

Примеры Атрибут HTML5 <a> rel

Ссылка с атрибутом rel:

Объяснение примеров Атрибут HTML5 <a> rel

Примеры Атрибут HTML5 <a> target

Атрибут target определяет где открывается связанный документ:

Объяснение примеров Атрибут HTML5 <a> target

Примеры Атрибут HTML5 <a> type

Атрибут type указывает тип mime документа в ссылке:

Объяснение примеров Атрибут HTML5 <a> type

Примеры Атрибут <a> hreflang HTML5

Создание карты изображения:

Объяснение примеров Атрибут <a> hreflang HTML5

Примеры Атрибут <a> media HTML5

Создание карты изображения:

Объяснение примеров Атрибут <a> media HTML5

Примеры Атрибут <a> rel HTML5

Создание карты изображения:

Объяснение примеров Атрибут <a> rel HTML5

Примеры Атрибут <a> target HTML5

Создание карты изображения:

Объяснение примеров Атрибут <a> target HTML5

Примеры Атрибут <a> type HTML5

Создание карты изображения:

Объяснение примеров Атрибут <a> type HTML5

Примеры Атрибут <audio> autoplay HTML5

Элемент audio с автозапуском:

Объяснение примеров Атрибут <audio> autoplay HTML5

Примеры Атрибут <audio> loop HTML5

Элемент audio, установленный в бесконечное проигрывание:

Объяснение примеров Атрибут <audio> loop HTML5

Примеры Атрибут <audio> preload HTML5

Элемент audio, установленный на предварительную загрузку:

Объяснение примеров Атрибут <audio> preload HTML5

Примеры Атрибут <audio> src HTML5

Аудио плеер:

Объяснение примеров Атрибут <audio> src HTML5

Примеры Атрибут <base> target HTML5

Указывает целевой фрейм для всех ссылок на странице:

Объяснение примеров Атрибут <base> target HTML5

Примеры Атрибут <base> href HTML5

Указывает базовый URL для всех относительных URL-адресов на странице:

Объяснение примеров Атрибут <base> href HTML5

Примеры Атрибут <blockquote> cite HTML5

Цитата с атрибутом cite:

Объяснение примеров Атрибут <blockquote> cite HTML5

Примеры Атрибут <button> autofocus HTML5

Кнопка, получающая фокус при загрузке страницы:

Объяснение примеров Атрибут <button> autofocus HTML5

Примеры Атрибут <button> disabled HTML5

Выключенная кнопка:

Объяснение примеров Атрибут <button> disabled HTML5

Примеры Атрибут <button> form HTML5

Кнопка отправки, расположенная за пределами формы:

Объяснение примеров Атрибут <button> form HTML5

Примеры Атрибут <button> formaction HTML5

Форма с двумя кнопками отправки (с различными действиями):

Объяснение примеров Атрибут <button> formaction HTML5

Примеры Атрибут <button> formenctype HTML5

Форма с двумя кнопками отправки (с различными кодировками):

Объяснение примеров Атрибут <button> formenctype HTML5

Примеры Атрибут <button> formmethod HTML5

Кнопка, которая переопределяет метод HTTP формы:

Объяснение примеров Атрибут <button> formmethod HTML5

Примеры Атрибут <button> formtarget HTML5

Форма с двумя кнопками отправки, с различными целевыми окнами:

Объяснение примеров Атрибут <button> formtarget HTML5

Примеры Атрибут <button> formnovalidate HTML5

Форма с двумя кнопками отправки (с проверкой и без):

Объяснение примеров Атрибут <button> formnovalidate HTML5

Примеры Атрибут <button> name HTML5

Две кнопки с одинаковыми именами, которые посылают различные значения при нажатии:

Объяснение примеров Атрибут <button> name HTML5

Примеры Атрибут <button> type HTML5

Двa элемента кнопки. Одна кнопка "отправить" и одна кнопка сброса:

Объяснение примеров Атрибут <button> type HTML5

Примеры Атрибут <canvas> height HTML5

Как очистить холст, установив атрибут ширины или высоты (с использованием JavaScript)

Объяснение примеров Атрибут <canvas> height HTML5

Примеры Атрибут <col> span HTML5

Устанавливает цвет фона первых двух колонок с использованием атрибута col:

Объяснение примеров Атрибут <col> span HTML5

Примеры Атрибут <colgroup> span HTML5

Установавливает цвет фона первых двух колонок с использованием атрибута span элемента colgroup:

Объяснение примеров Атрибут <colgroup> span HTML5

Примеры Атрибут <command> checked HTML5

Предварительно выбранная команда флажка:

Объяснение примеров Атрибут <command> checked HTML5

Примеры Атрибут <command> disabled HTML5

Недоступный элемент command:

Объяснение примеров Атрибут <command> disabled HTML5

Примеры Атрибут <command> icon HTML5

Элемент command со значком:

Объяснение примеров Атрибут <command> icon HTML5

Примеры Атрибут <command> label HTML5

Элемент command с этикеткой:

Объяснение примеров Атрибут <command> label HTML5

Примеры Атрибут <command> radiogroup HTML5

Группа элементов command:

Объяснение примеров Атрибут <command> radiogroup HTML5

Примеры Атрибут <command> type HTML5

Флажок элемента command:

Объяснение примеров Атрибут <command> type HTML5

Примеры Атрибут <del> cite HTML5

Параграф с удаленной частью:

Объяснение примеров Атрибут <del> cite HTML5

Примеры Атрибут <del> datetime HTML5

Параграф с удаленной частью:

Объяснение примеров Атрибут <del> datetime HTML5

Примеры Атрибут <ins> cite HTML5

Параграф со вставленной частью:

Объяснение примеров Атрибут <ins> cite HTML5

Примеры Атрибут <ins> datetime HTML5

Параграф со вставленной частью:

Объяснение примеров Атрибут <ins> datetime HTML5

Примеры Атрибут <details> open HTML5

Видимый элемент details:

Объяснение примеров Атрибут <details> open HTML5

Примеры Атрибут <embed> height HTML5

Флэш-анимация с высотой и шириной 200 пикселей:

Объяснение примеров Атрибут <embed> height HTML5

Примеры Атрибут <embed> type HTML5

Флэш-анимация:

Объяснение примеров Атрибут <embed> type HTML5

Примеры Атрибут <fieldset> disabled HTML5

Отключенный fieldset:

Объяснение примеров Атрибут <fieldset> disabled HTML5

Примеры Атрибут <fieldset> form HTML5

Набор полей, принадлежащий к форме с id "iceform":

Объяснение примеров Атрибут <fieldset> form HTML5

Примеры Атрибут <fieldset> name HTML5

Набор полей с указаным атрибутом name:

Объяснение примеров Атрибут <fieldset> name HTML5

Примеры Атрибут <form> accept-charset HTML5

Использование атрибута accept-charset в форме:

Объяснение примеров Атрибут <form> accept-charset HTML5

Примеры Атрибут <form> action HTML5

Использование атрибута action в форме:

Объяснение примеров Атрибут <form> action HTML5

Примеры Атрибут <form> autocomplete HTML5

Форма с включенным автозаполнением:

Объяснение примеров Атрибут <form> autocomplete HTML5

Примеры Атрибут <form> enctype HTML5

Отправка формы в кодировке как multipart/form-data:

Объяснение примеров Атрибут <form> enctype HTML5

Примеры Атрибут <form> method HTML5

Отправка формы с использованием метода "post":

Объяснение примеров Атрибут <form> method HTML5

Примеры Атрибут <form> name HTML5

Форма с указанным атрибутом name:

Объяснение примеров Атрибут <form> name HTML5

Примеры Атрибут <form> novalidate HTML5

Форма без проверки полей:

Объяснение примеров Атрибут <form> novalidate HTML5

Примеры Атрибут <form> target HTML5

Отправляет форму, которая открывется в новом окне:

Объяснение примеров Атрибут <form> target HTML5

Примеры Атрибут <html> manifest HTML5

Документ HTML с кэш манифестом:

Объяснение примеров Атрибут <html> manifest HTML5

Примеры Атрибут <iframe> height HTML5

iframe с указанными высотой и шириной:

Объяснение примеров Атрибут <iframe> height HTML5

Примеры Атрибут <iframe> name HTML5

iframe , который действует в качестве мишени для ссылки:

Объяснение примеров Атрибут <iframe> name HTML5

Примеры Атрибут <iframe> sandbox HTML5

iframe с дополнительными ограничениями, но позволяет сценарии:
Как использовать атрибут sandbox для указания дополнительных ограничений, но позволяюший формы
Как использовать атрибут sandbox, чтобы указать дополнительные ограничения, но разрешить сценарии и доступ к содержимому сервера.

Объяснение примеров Атрибут <iframe> sandbox HTML5

Примеры Атрибут <iframe> seamless HTML5

iframe, который выглядит как часть родительского элемента:

Объяснение примеров Атрибут <iframe> seamless HTML5

Примеры Атрибут <iframe> srcdoc HTML5

iframe с указанной разметкой содержания:

Объяснение примеров Атрибут <iframe> srcdoc HTML5

Примеры Атрибут <img> alt HTML5

Изображение с заданным атрибутом alt:

Объяснение примеров Атрибут <img> alt HTML5

Примеры Атрибут <img> src HTML5

Изображение:

Объяснение примеров Атрибут <img> src HTML5

Примеры Атрибут <img> height HTML5

Изображение с указанными высотой и шириной:

Объяснение примеров Атрибут <img> height HTML5

Примеры Атрибут <img> ismap HTML5

Карта-изображение на стороне сервера:

Объяснение примеров Атрибут <img> ismap HTML5

Примеры Атрибут <img> title HTML5

Изображение с всплывающим заголовком:

Объяснение примеров Атрибут <img> title HTML5

Примеры Атрибут <input> accept HTML5

Использование атрибута accept в загрузке файла (разрешается два типа файлов для загрузки - gif и jpeg):

Объяснение примеров Атрибут <input> accept HTML5

Примеры Атрибут <input> alt HTML5

Форма HTML с двумя полями ввода и одним изображением как кнопка отправки:

Объяснение примеров Атрибут <input> alt HTML5

Примеры Атрибут <input> autocomplete HTML5

Форма с включенным автозаполнением (отключено для одного поля ввода):

Объяснение примеров Атрибут <input> autocomplete HTML5

Примеры Атрибут <input> autofocus HTML5

Текстовое поле получает фокус при загрузке страницы:

Объяснение примеров Атрибут <input> autofocus HTML5

Примеры Атрибут <input> checked HTML5

Форма с заранее отмеченным флажком:

Объяснение примеров Атрибут <input> checked HTML5

Примеры Атрибут <input> disabled HTML5

Форма с недоступным полем ввода:

Объяснение примеров Атрибут <input> disabled HTML5

Примеры Атрибут <input> form HTML5

Поле ввода, расположенное вне формы:

Объяснение примеров Атрибут <input> form HTML5

Примеры Атрибут <input> formmethod HTML5

Кнопка "отправить", которая переопределяет метод HTTP формы:

Объяснение примеров Атрибут <input> formmethod HTML5

Примеры Атрибут <input> list HTML5

Форма со списком данных:

Объяснение примеров Атрибут <input> list HTML5

Примеры Атрибут <input> maxlength HTML5

Поле ввода с максимально указанной длиной:

Объяснение примеров Атрибут <input> maxlength HTML5

Примеры Атрибут <input> min HTML5

Поле ввода с указанным диапазоном:

Объяснение примеров Атрибут <input> min HTML5

Примеры Атрибут <input> multiple HTML5

Поле загрузки файлов, которое принимает несколько значений:

Объяснение примеров Атрибут <input> multiple HTML5

Примеры Атрибут <input> name HTML5

Простая форма:

Объяснение примеров Атрибут <input> name HTML5

Примеры Атрибут <input> pattern HTML5

Текстовое поле, которое может содержать только три буквы (без цифр или специальных символов):

Объяснение примеров Атрибут <input> pattern HTML5

Примеры Атрибут <input> placeholder HTML5

Поле поиска с замещающим текстом:

Объяснение примеров Атрибут <input> placeholder HTML5

Примеры Атрибут <input> readonly HTML5

Форма с полем ввода только для чтения:

Объяснение примеров Атрибут <input> readonly HTML5

Примеры Атрибут <input> required HTML5

Форма с обязательным полем:

Объяснение примеров Атрибут <input> required HTML5

Примеры Атрибут <input> size HTML5

Форма с двумя полями ввода, шириной 35 и 4 символа:

Объяснение примеров Атрибут <input> size HTML5

Примеры Атрибут <input> step HTML5

Числовое поле ввода с указанным интервалом ввода:

Объяснение примеров Атрибут <input> step HTML5

Примеры Атрибут <input> type HTML5

Простая форма с различными типами полей ввода:
Тип входных данных - text:
Тип входных данных - button:
Тип входных данных checkbox:
Тип входных данных file:
Тип входных данных hidden:
Тип входных данных password
Тип входных данных radio
Тип входных данных submit:
Тип входных данных tel:

Объяснение примеров Атрибут <input> type HTML5

Примеры Атрибут <input> value HTML5

Тип входных данных - reset:
Форма с заранее установленными значениями:

Объяснение примеров Атрибут <input> value HTML5

Примеры Атрибут <keygen> autofocus HTML5

Поле keygen, которое получает фокус при загрузке страницы:

Объяснение примеров Атрибут <keygen> autofocus HTML5

Примеры Атрибут <keygen> disabled HTML5

Недоступное поле keygen:

Объяснение примеров Атрибут <keygen> disabled HTML5

Примеры Атрибут <keygen> form HTML5

Поле keygen принадлежащее форме с id "secureform":

Объяснение примеров Атрибут <keygen> form HTML5

Примеры Атрибут <keygen> keytype HTML5

Форма, которая генерирует ключ по алгоритму RSA:

Объяснение примеров Атрибут <keygen> keytype HTML5

Примеры Атрибут <label> for HTML5

Форма с двумя переключателями с этикетками:

Объяснение примеров Атрибут <label> for HTML5

Примеры Атрибут <label> form HTML5

Этикетка, расположенная за пределами формы:

Объяснение примеров Атрибут <label> form HTML5

Примеры Атрибут <li> value HTML5

Использование атрибута value в упорядоченном списке:

Объяснение примеров Атрибут <li> value HTML5

Примеры Атрибут <link> hreflang HTML5

В следующем примере атрибут hreflang указывает, что связанный документ написан на русском языке:

Объяснение примеров Атрибут <link> hreflang HTML5

Примеры Атрибут <link> media HTML5

Два различных списка стилей для двух различных типов медиа (экран компьютера и печать):

Объяснение примеров Атрибут <link> media HTML5

Примеры Атрибут <link> sizes HTML5

Значок с указанным размером:

Объяснение примеров Атрибут <link> sizes HTML5

Примеры Атрибут <menu> label HTML5

Элемент menu с этикеткой:

Объяснение примеров Атрибут <menu> label HTML5

Примеры Атрибут <menu> type HTML5

Элемент menu в качестве панели инструментов:

Объяснение примеров Атрибут <menu> type HTML5

Примеры Атрибут <meta> charset HTML5

Указывает набор символов для документа HTML:

Объяснение примеров Атрибут <meta> charset HTML5

Примеры Атрибут <meta> content HTML5

Описывает мета данные внутри документа HTML:

Объяснение примеров Атрибут <meta> content HTML5

Примеры Атрибут <meta> http-equiv HTML5

Использование атрибута http-equiv для определения символьного набора для страницы HTML:

Объяснение примеров Атрибут <meta> http-equiv HTML5

Примеры Атрибут <meta> name HTML5

Использоваение атрибута name для определения описания, ключевых слов, и автора HTML документа:

Объяснение примеров Атрибут <meta> name HTML5

Примеры Атрибут <meter> form HTML5

Измерение принадлежащее форме, но расположенное вне формы:

Объяснение примеров Атрибут <meter> form HTML5

Примеры Атрибут <meter> high HTML5

Измеритель с сегментами high, low и optimal:

Объяснение примеров Атрибут <meter> high HTML5

Примеры Атрибут <meter> max HTML5

Измеритель с минимальным и максимальным значением:

Объяснение примеров Атрибут <meter> max HTML5

Примеры Атрибут <object> height HTML5

Флэш-анимация с высотой и шириной 200 пикселей:

Объяснение примеров Атрибут <object> height HTML5

Примеры Атрибут <object> type HTML5

Элемент object с указанным типом MIME:

Объяснение примеров Атрибут <object> type HTML5

Примеры Атрибут <object> usemap HTML5

Элемент object, использующий изображение карту:

Объяснение примеров Атрибут <object> usemap HTML5

Примеры Атрибут <ol> reversed HTML5

Упорядоченный список с обратной нумерацией:

Объяснение примеров Атрибут <ol> reversed HTML5

Примеры Атрибут <ol> start HTML5

Нумерованный список, начинающийся с "50":

Объяснение примеров Атрибут <ol> start HTML5

Примеры Атрибут <optgroup> disabled HTML5

Выключенные группы параметров:

Объяснение примеров Атрибут <optgroup> disabled HTML5

Примеры Атрибут <option> disabled HTML5

Список выбора c выключенный вариантом:

Объяснение примеров Атрибут <option> disabled HTML5

Примеры Атрибут <option> label HTML5

Использование атрибута label в элементах выбора:

Объяснение примеров Атрибут <option> label HTML5

Примеры Атрибут <option> selected HTML5

Раскрывающийся список с заранее выбранной опцией:

Объяснение примеров Атрибут <option> selected HTML5

Примеры Атрибут <option> value HTML5

Раскрывающийся список со значениями, используемыми в форме:

Объяснение примеров Атрибут <option> value HTML5

Примеры Атрибут <output> for HTML5

Элемент output с указанным отношением:

Объяснение примеров Атрибут <output> for HTML5

Примеры Атрибут <output> form HTML5

Выходной элемент, находящийся за пределами формы:

Объяснение примеров Атрибут <output> form HTML5

Примеры Атрибут <output> name HTML5

Элемент output в форме:

Объяснение примеров Атрибут <output> name HTML5

Примеры Атрибут <progress> max HTML5

Текущий прогресс, и цель задачи:

Объяснение примеров Атрибут <progress> max HTML5

Примеры Атрибут <script> type HTML5

Сценарий с указанным атрибутом type:

Объяснение примеров Атрибут <script> type HTML5

Примеры Атрибут <script> charset HTML5

Внешний JavaScript с указанным набором символов:

Объяснение примеров Атрибут <script> charset HTML5

Примеры Атрибут <script> defer HTML5

Скрипт, который не будет работать, пока страница не загружена:

Объяснение примеров Атрибут <script> defer HTML5

Примеры Атрибут <script> src HTML5

Внешний JavaScript:

Объяснение примеров Атрибут <script> src HTML5

Примеры Атрибут <select> autofocus HTML5

Раскрывающийся список с указанным автофокусом:

Объяснение примеров Атрибут <select> autofocus HTML5

Примеры Атрибут <select> disabled HTML5

Недоступный раскрывающийся список:

Объяснение примеров Атрибут <select> disabled HTML5

Примеры Атрибут <select> form HTML5

Раскрывающийся список, используемый в форме, расположенный за пределами формы:

Объяснение примеров Атрибут <select> form HTML5

Примеры Атрибут <select> multiple HTML5

Раскрывающийся список, который разрешает множественный выбор:

Объяснение примеров Атрибут <select> multiple HTML5

Примеры Атрибут <select> size HTML5

Раскрывающийся список с 4 видимыми вариантами:

Объяснение примеров Атрибут <select> size HTML5

Примеры Атрибут <style> type HTML5

Использование атрибута type для указания стиля CSS:

Объяснение примеров Атрибут <style> type HTML5

Примеры Атрибут <style> media HTML5

Использование атрибута media:

Объяснение примеров Атрибут <style> media HTML5

Примеры Атрибут <style> scoped HTML5

Использование атрибута scope для указания стиля для одного div:

Объяснение примеров Атрибут <style> scoped HTML5

Примеры Атрибут <table> border HTML5

Следующая HTML-таблица отображается с границей вокруг ячеек таблицы:

Объяснение примеров Атрибут <table> border HTML5

Примеры Атрибут <td> colspan HTML5

Таблица HTML с клетками, которые охватывают две колонки:

Объяснение примеров Атрибут <td> colspan HTML5

Примеры Атрибут <td> headers HTML5

Ниже приведен пример заголовка таблицы, связанный с каждой ячейкой:

Объяснение примеров Атрибут <td> headers HTML5

Примеры Атрибут <td> rowspan HTML5

Таблица HTML с ячейкой, которая охватывает две строчки:

Объяснение примеров Атрибут <td> rowspan HTML5

Примеры Атрибут <time> datetime HTML5

Элемент time с указанной датой:

Объяснение примеров Атрибут <time> datetime HTML5

Примеры Атрибут <time> pubdate HTML5

Элемент time указывает дату публикации элемента article:

Объяснение примеров Атрибут <time> pubdate HTML5

Примеры Атрибут <video> audio HTML5

Приглушенное видео:

Объяснение примеров Атрибут <video> audio HTML5

Примеры Атрибут <video> autoplay HTML5

Элемент video установленный в автозапуск:

Объяснение примеров Атрибут <video> autoplay HTML5

Примеры Атрибут <video> controls HTML5

Элемент video с управлением по умолчанию:

Объяснение примеров Атрибут <video> controls HTML5

Примеры Атрибут <video> loop HTML5

Элемент video, установленный в цикл:

Объяснение примеров Атрибут <video> loop HTML5

Примеры Атрибут <video> poster HTML5

Видео проигрыватель:

Объяснение примеров Атрибут <video> poster HTML5

Примеры Атрибут <video> preload HTML5

Элемент video установленный на предварительную загрузку:

Объяснение примеров Атрибут <video> preload HTML5

Примеры Атрибут <video> src HTML5

Видео проигрыватель: