ЛУЧШИЙ САЙТ ДЛЯ ВЕБ-РАЗРАБОТЧИКОВ
HTML CSS JAVASCRIPT SQL PHP PYTHON JAVA KOTLIN GO C C++ C# AI W3.CSS TypeScript Как сделать? СПРАВОЧНИКИ БОЛЬШЕ 🔍 ◑ УПРАЖНЕНИЯ
HTML5. Уроки для начинающих. W3Schools на русском

Ua En Es De Fr

HTML Примеры

❮ Prev Next ❯

HTML Основы

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

Пояснение примеров

HTML Атрибуты

Атрибут title Атрибут href Атрибуты width и height Атрибут alt Атрибут без кавычек Атрибут без кавычек не работает

Пояснение примеров

HTML Заголовки

HTML заголовки HTML горизонтальная разделительная линия HTML голова

Пояснение примеров

HTML Параграфы

HTML параграфы Больше HTML параграфов Использование разрывов строк в HTML Проблемы с отображением стихов (некоторые проблемы с форматированием HTML) Как контролировать разрывы строк и пробелы с помощью тега <pre>

Пояснение примеров

HTML Стили

HTML стили HTML цвет фона HTML цвет текста HTML семейство шрифтов HTML размер текста HTML выравнивание текста

Пояснение примеров

HTML Форматирование текста

Жирное форматирование с помощью элемента <b> Семантическое выделение с помощью элемента <strong> Форматирование курсивом с помощью элемента <i> Семантическое выделение с помощью элемента <em> Уменьшение шрифта с помощью элемента <small> Маркировка с помощью элемента <mark> Пометка зачеркиванием с помощью элемента <del> Пометка подчеркиванием с помощью элемента <ins> Пометка зачеркиванием и подчеркиванием с помощью <del> и <ins> Форматирование нижним индексом с помощью элемента <sub> Форматирование верхним индексом с помощью элемента <sup>

Пояснение примеров

HTML Цитаты и цитирование

Форматирование коротких цитат с помощью элемента <q>. Форматирование цитированных разделов с помощью элемента <blockquote>. Форматирование информации про автора/владельца документа с помощью элемента <address> Форматирование сокращений и аббревиатур с помощью элемента <abbr> Форматирование названия работ с помощью элемента <cite> Форматирование направления текста с помощью элемента <bdo>

Пояснение примеров

HTML Комментарии

Скрытые комментарии Условные комментарии Комментарии для настройки

Пояснение примеров

HTML CSS

HTML со встроенным CSS HTML из внутренним CSS HTML из внешним CSS HTML со шрифтами CSS HTML с использованием CSS атрибута id HTML с использованием CSS атрибута class HTML и CSS границы HTML и CSS внутренний отступ (padding) HTML и CSS внешний отступ (margin) HTML и CSS полная демонстрация

Пояснение примеров

HTML Ссылки

Ссылки с использованием абсолютного URL Ссылки с использованием относительного URL Изменение цвета ссылок Удаление подчеркивания из ссылок Изменение цели ссылок Изображение как ссылка Создание ссылки на закладку Ссылка, которая выходит из фрейма Ссылка на электронный ящик Ссылка на электронный ящик с темой

Пояснение примеров

HTML Изображения

Изображения Высота и ширина изображения с использованием атрибутов Высота и ширина изображения с помощью CSS Высота и ширина изображения с помощью атрибутов и CSS Изображение в другой папке Изображение с неработающей ссылкой Изображение на другом сервере Использование изображения как ссылки Анимированное изображение Карта изображений с интерактивными областями Плавающее изображение

Пояснение примеров

HTML Таблицы

Основы HTML‑таблиц Таблица с границами Таблица со свернутыми границами Таблица с внутренними отступами ячеек Таблица с заголовками Таблица с левым выравниванием заголовков Горизонтальные/вертикальные заголовки в таблице Таблица с подписью Ячейки, охватывающие несколько столбцов Ячейки, охватывающие несколько строк Интервалы между ячейками таблицы Таблица с HTML‑тегами внутри Таблицы с разным стилем (ID I) Таблицы с разным стилем (ID II) Таблицы с другим стилем (Class I) Таблицы с другим стилем (Class II)

Пояснение примеров

HTML Списки

Невпорядкованный список (по умолчанию) Невпорядкованный список — маркеры disc Невпорядкованный список — маркеры circle Невпорядкованный список — маркеры square Невпорядкованный список без маркеров Упорядоченный список (по умолчанию) Упорядоченный список с числами Упорядоченный список с буквами Упорядоченный список с маленькими буквами Упорядоченный список с римскими цифрами Упорядоченный список с маленькими римскими цифрами Список описаний Вложенный список I Вложенный список II Горизонтальный список Горизонтальный список — меню

Пояснение примеров

HTML Блочные и строчные элементы

Стилизация элементов <div> Стилизация элементов <span>

Пояснение примеров

HTML Классы

Стилизуйте все элементы с указанным именем класса Доступ к элементам с заданным именем класса с помощью JavaScript Несколько классов Тот же класс, другой тег

Пояснение примеров

HTML Id

Стиль элемента с определённым id Разница между class и id Доступ к элементу с определённым id с помощью JavaScript

Пояснение примеров

HTML Макет

Макет с использованием float Макет с использованием flexbox Макет с использованием flexbox 2 Макет с использованием flexbox 3

Пояснение примеров

HTML IFrame

Встроенный фрейм (iframe на HTML‑странице)

Пояснение примеров

HTML Элементы внутри head

Валидный HTML‑документ при отсутствии <html>, <body> и <head> Валидный HTML‑документ при отсутствии элемента <head> Элемент <title> определяет название документа Элемент <style> содержит информацию о стилях Элемент <link> определяет связь с внешним ресурсом Элемент <meta> задаёт специальную мета‑информацию Элемент <script> определяет клиентские JavaScript‑скрипты Элемент <base> задаёт базовый URL для всех ссылок

Пояснение примеров

HTML Скрипты

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

Пояснение примеров

HTML Элементы компьютерного кода

Форматирование ввода с клавиатуры с помощью элемента <kbd> Форматирование вывода компьютера с помощью элемента <samp> Форматирование программного кода с помощью элемента <code> Форматирование программного кода с сохранением пробелов и переносов строк Форматирование переменных с помощью элемента <var>

Пояснение примеров

HTML Формы

Форма с текстовым вводом Форма с радиокнопкой Форма с текстовыми полями и кнопкой отправки Форма с текстовыми полями без атрибута name Группировка данных формы

Пояснение примеров

HTML Элементы формы

Простой выпадающий список Выпадающий список с заранее выбранным значением Текстовая область (многострочное поле ввода) Кнопка ввода Использование элемента <datalist> Использование элемента <output>

Пояснение примеров

HTML Типы ввода

Тип ввода text Тип ввода password Тип ввода radio Тип ввода checkbox Тип ввода button Тип ввода number — с ограничениями Тип ввода number — с шагами Тип ввода date — выбор даты Тип ввода date — с ограничениями Тип ввода color — выбор цвета Тип ввода range Тип ввода month Тип ввода week Тип ввода time Тип ввода datetime Тип ввода datetime-local Тип ввода email Тип ввода search Тип ввода tel Тип ввода url

Пояснение примеров

HTML Атрибуты ввода

Атрибут autocomplete Атрибут novalidate Атрибут autofocus Атрибут form Атрибут formaction Атрибут formenctype Атрибут formmethod Атрибут formnovalidate Атрибут formtarget Атрибути height и width Атрибут list Атрибути min и max Атрибут multiple Атрибут pattern Атрибут placeholder Атрибут required Атрибут step

Пояснение примеров

HTML5 Canvas

Рисование на холсте с помощью JavaScript Рисование линии с помощью lineTo() Рисование круга с помощью arc() Рисование текста с помощью fillText() Рисование текста с помощью strokeText() Рисование линейного градиента Рисование кругового градиента Рисование изображения с помощью drawImage()

Пояснение примеров

HTML5 SVG

SVG Круг SVG Прямоугольник SVG Скруглённый прямоугольник SVG Звезда SVG Логотип

Пояснение примеров

HTML5 Медиа

Воспроизведение видео с кроликом Воспроизведение видео с медведем и элементами управления Воспроизведение видео с медведем и автозапуском Воспроизведение звука лошади с элементами управления

Пояснение примеров

HTML5 Геолокация

Получить координаты геолокации Обработать ошибки геолокации Получить геолокацию и отслеживать позицию

Пояснение примеров

HTML5 Локальное хранилище

Сохранять имя постоянно Сохранять счётчик постоянно Сохранять счётчик для одного сеанса

Пояснение примеров

HTML5 Медиа

Воспроизвести видеофайл в HTML Воспроизвести аудиофайл в HTML Воспроизвести YouTube‑видео в HTML

Пояснение примеров

Больше HTML5 Примеров

HTML5 drag and drop HTML5 веб‑работники HTML5 события, отправленные сервером
❮ Prev Next ❯