Карта сайта - все опубликованные страницы блога, сгруппированные по разделам и урокам. Разворачивай нужный раздел и переходи прямо к уроку.
44уроков HTML опубликовано
53уроков CSS в программе
6страниц блога
HTML - основы
1. Введение в HTML5 уроков
2. Текст и заголовки10 уроков
06HTML-заголовки: структура и применение→
07Что такое абзац в HTML→
08Тег hr и br: тематический разрыв и перенос строки→
09Списки: ul, ol и вложенные списки→
10Списки определений: теги dl, dt и dd→
11Выделение текста: strong, em, mark→
12Ещё 7 тегов HTML: abbr, time, sub, sup, small, del, ins→
13Ещё 7 тегов HTML: kbd, samp, s, u, var, data, dfn→
14Ссылки: тег a и его атрибуты→
15Цитаты и блоки кода в тексте→
3. Медиа и таблицы8 уроков
16Изображения: тег img и атрибут alt→
17Видео и аудио в HTML5→
18Подпись к картинке: figure и figcaption→
19Адаптивные изображения: picture и srcset→
20Таблицы: table, tr, td, th→
21Объединение ячеек: colspan и rowspan→
22Секции таблицы: thead, tbody, tfoot и caption→
23iframe: встраивание внешнего контента→
4. Формы9 уроков
24Тег form и как отправляются данные→
25Поля ввода: input и его типы→
26Автозаполнение в HTML: тег datalist→
27label, placeholder и доступность форм→
28select, textarea и checkbox/radio→
29Индикаторы в HTML: теги progress и meter→
30Встроенная валидация форм→
31Группировка полей: fieldset и legend→
32Кнопки: button vs input type=submit→
5. Семантика и доступность12 уроков
33Семантическая вёрстка: header, main, footer→
34nav, article, section, aside→
35Ещё 2 семантических тега HTML: address и search→
36Аккордеон на чистом HTML: теги details и summary→
37Модальное окно на HTML без JS-библиотек: тег dialog→
38ARIA-атрибуты: когда они нужны→
39Мета-теги и SEO-разметка head→
40Микроразметка Schema.org на практике→
41Валидация HTML и типичные ошибки→
42data-атрибуты и работа с ними→
43Итоговый чек-лист по HTML-основам→
44Мини-проект: собираем страницу «Визитка»→
CSS - стили
Программа раздела (53 урока) целиком на странице «CSS - стили». Уроки публикуются постепенно.