Какие теги в HTML важны на практике и как их применять?

Нужно знать теги для структуры страницы, текста, интерактивных элементов и форм и выбирать их по смыслу.

Структура

<header>, <nav>, <main>, <aside>, <footer>, <section>, <article>

main — один на странице, section обычно с заголовком, article — самостоятельный блок (пост, карточка товара).

Текст

• заголовки h1–h6 — по уровням, без пропусков;
• p, списки ul, ol, li, описания dl, dt, dd;
• strong (важность), em (ударение), code, blockquote, time.

Интерактивные

• a — переход по адресу;
• button — действие на странице;
• details и summary — раскрывающийся блок без JS;
• dialog — модальное окно.

Формы

form, label, input (с правильным type), select, textarea, fieldset, legend.

Медиа и данные

img с alt, picture, video, figure, figcaption, table для табличных данных.

Коротко для собеседования

Структурные теги, заголовки и списки, a для перехода и button для действия, формы с label, медиа с alt; тег выбирают по смыслу, а не по виду.

Подробнее: MDN — Справочник элементов HTML