strong, em, b, i, u, s, mark и small: восемь способов выделить текст, и у каждого свой смысл.

abbr, dfn, time, data, sub, sup, ins, del и span: теги, которые объясняют машинам смысл слов.

code, pre, kbd, samp и var: как показывать код и технический текст.

blockquote, q, cite, figure, figcaption и address: цитаты с источником и контактная информация.

ul, ol и li: перечисления, шаги, вложенные списки, нумерация с любого числа и в обратном порядке.

dl, dt и dd: словари, FAQ, характеристики товара и пары «название — значение».

lang, dir, bdi, bdo и ruby: текст на разных языках, справа налево и подписи произношения.

Соберите полноценную текстовую страницу: заголовки, списки, выделения, время, термины и характеристики.

Тег a и атрибут href: ссылки на сайты, страницы, почту, телефон и места на странице.

Абсолютные и относительные адреса, ./ и ../, корень сайта и index.html.

download, rel, hreflang и type: скачивание файлов и подсказки браузеру и поисковикам.

img, src, alt, width и height: картинка, которую поймут все, даже если она не загрузилась.

JPEG, PNG, GIF, WebP, AVIF и SVG: какой формат выбрать, чтобы было чётко и быстро.

srcset, sizes, picture и loading: каждому экрану — картинка подходящего размера и формата.

video, source, poster и атрибуты воспроизведения: своё видео на странице без сторонних плееров.

audio, track и формат WebVTT: звук на странице и субтитры для видео.

iframe, title, sandbox, allow и loading: карты, видео с YouTube и чужие страницы внутри вашей — безопасно.

Встроенный SVG: фигуры, viewBox и доступные иконки. MathML для математических формул.

Элементы, через которые HTML работает с JavaScript: подключение скриптов, шаблоны и холст для рисования.

map и area: кликабельные области на картинке. object: встраивание PDF и других документов.

Галерея путешествия: адаптивные картинки с подписями, ленивая загрузка, видео с субтитрами и иконки SVG.

table, tr, th, td и caption: данные в строках и столбцах.

thead, tbody, tfoot, scope, colspan, rowspan, headers и colgroup: таблицы, понятные и людям, и читалкам.

form, action, method и name: что происходит, когда человек нажимает «Отправить».

input и label: каждое поле с подписью, placeholder как подсказка, а не замена.

text, email, tel, url, password, number, range, date, time, color, search, hidden: правильный тип — удобная клавиатура и проверка бесплатно.

checkbox, radio, fieldset и legend: выбор одного или нескольких вариантов.

select, option, optgroup, multiple и datalist: выпадающие списки и подсказки при вводе.

textarea, button и его типы: отправка, сброс и кнопки для скриптов.

input type=file, accept, multiple, capture и enctype: как принять от человека фото и документы.

required, minlength, maxlength, min, max, step, pattern и novalidate: браузер проверит форму без JavaScript.

autocomplete, inputmode, enterkeyhint, autofocus, disabled и readonly: формы, которые заполняются за секунды.

Элементы для результатов вычислений, хода выполнения и измерений.

Атрибут form, formtarget, fieldset disabled, input image, dirname и несколько форм на странице.

Регистрация на онлайн-мероприятие: все типы полей, группы, проверка, автозаполнение и понятные подсказки.

header, nav, main и footer: каркас страницы, понятный людям, читалкам и поисковикам.

Как делить содержимое на разделы: когда article, когда section, когда aside, а когда просто div.

Аккордеоны, FAQ и спойлеры без единой строчки JavaScript.

dialog, popover и inert: модальные окна, меню и подсказки, которые браузер делает доступными сам.

Соберите свою первую настоящую страницу из всего, что изучили в основах.

title, description, viewport, charset и robots: что страница рассказывает о себе браузеру и поисковикам.

Open Graph, favicon, apple-touch-icon и web manifest: как сайт выглядит в мессенджерах, вкладках и на главном экране.

link rel=stylesheet, preload, preconnect, script defer и async: порядок загрузки, от которого зависит скорость сайта.

Встроенные стили, атрибут style, базовый адрес base и meta для обновления и реферера.

CSP, integrity, crossorigin, rel=noopener, sandbox и почему нельзя вставлять чужой HTML как есть.

JSON-LD и микроданные: как объяснить поисковикам, что на странице курс, рецепт, товар или статья.

Одностраничный сайт для онлайн-курса: оффер, программа, видео, тарифы, FAQ и форма записи.

Как HTML связан со скриптами: атрибуты событий, id и data-*, почему addEventListener лучше onclick.

contenteditable, spellcheck, draggable, autocapitalize и hidden=until-found: встроенные возможности браузера.

Custom elements, template, slot и декларативный Shadow DOM: как создают переиспользуемые компоненты на чистом HTML.

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

Порядок табуляции, tabindex, видимый фокус и ловушки: сайт, которым можно пользоваться без мыши.

role, aria-label, aria-labelledby, aria-describedby, aria-expanded, aria-live и главное правило ARIA.

Длинная статья с оглавлением, медиа, кодом, таблицей, цитатами и метаданными.

DevTools, Lighthouse и самые частые ошибки начинающих: как найти и исправить их самому.

font, center, marquee, frameset, align, bgcolor и другие: что встретится в старом коде и чем это заменить.

Кнопки-команды commandfor, closedby у диалогов, настраиваемый select, прозрачность в выборе цвета, headingoffset и writingsuggestions.

Каждый актуальный элемент HTML в одном месте, сгруппированный по назначению, со ссылкой на урок.

Многостраничный сайт из трёх страниц с общей навигацией, формами, медиа и полной проверкой качества.