HTML
Основы HTML и структура веб-страницы
Этап 2 из 8 · Фундамент уровень
17 тем
- 01
Введение в HTML
Что такое HTML, зачем он нужен и как устроен первый HTML-документ.
- 02
Структура HTML-документа
Как устроен HTML-документ: DOCTYPE, html, head, body, и зачем каждая часть нужна.
- 03
HTML-комментарии
Как писать комментарии в HTML, зачем они нужны и когда использовать.
- 04
Базовые теги
Основные HTML-теги: div, span, br, hr, pre, strong, em и другие элементарные элементы.
- 05
Заголовки и абзацы
Как использовать заголовки h1-h6, абзацы p и иерархию заголовков для структурирования контента.
- 06
Форматирование текста
Теги форматирования текста: strong, em, mark, del, ins, sub, sup, abbr и другие.
- 07
Ссылки
Как создавать ссылки с помощью тега <a>: внутренние, внешние, якорные и ссылки на файлы.
- 08
Изображения
Как добавлять изображения с <img>, атрибуты alt, src, width, height и форматы изображений.
- 09
Списки
Как создавать упорядоченные (<ol>), неупорядоченные (<ul>) и описательные (<dl>) списки.
- 10
Таблицы
Как создавать таблицы с <table>, <tr>, <td>, <th>, <thead>, <tbody>, <tfoot>.
- 11
Формы — основы
Как создавать формы с <form>, <input>, <label>, <button> и основными типами полей.
- 12
Продвинутые формы
Валидация, select, textarea, fieldset, datalist и специальные типы полей.
- 13
Семантическая разметка
Семантические теги: header, nav, main, article, section, aside, footer и их значение.
- 14
Атрибуты
Глобальные атрибуты: id, class, style, title, data-*, aria-* и другие.
- 15
Метаданные документа
Мета-теги: charset, viewport, description, Open Graph, favicon и конфигурация документа.
- 16
Мультимедиа
Как встраивать видео <video>, аудио <audio>, iframe и другое мультимедийное содержимое.
- 17
Интерактивный HTML
Детали без JavaScript: details/summary, dialog, progress, meter, output и другие интерактивные элементы.