НАЙКРАЩИЙ САЙТ ДЛЯ ВЕБ-РОЗРОБНИКІВ
HTML CSS JAVASCRIPT SQL PYTHON PHP JAVA KOTLIN GO C C++ C# Django HOW TO W3.CSS AI БІЛЬШЕ 🔍 ◑ КНИГИ ДОВІДНИКИ ВПРАВИ
HTML5. Уроки для початківців. W3Schools українською

En Es De

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-тегами всередині Таблиці з різним стилем, використовуючи ідентифікатор I Таблиці з різним стилем, використовуючи ідентифікатор II Таблиці з іншим стилем, використовуючи клас I Таблиці з іншим стилем, використовуючи клас 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

Вбудований фрейм (фрейм в HTML сторінці)

Пояснення прикладів

HTML Елементи всередині head

Валідний HTML документ при відсутності <html> <body та <head> Валідний HTML документ при відсутності елемента <head> Елемент <title> визначає назву документу Елемент <style> містить інформацію про стиль Елемент <link> визначає відношення до зовнішнього ресурсу Елемент <meta> визначає спеціальну мета-інформацію Елемент <script> визначає JavaScripts на стороні клієнта Елемент <base> визначає основну URL-адресу сайту для всіх 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 ❯