Обучение HTML

Бесплатный интерактивный курс HTML для начинающих — с примерами кода и практическими заданиями. 12 уроков.

Начать курс →
1

Что такое HTML

Что такое HTML, зачем он нужен и как выглядит простейший документ.

2

Структура HTML-документа

Обязательные теги html, head, body и их назначение.

3

Заголовки и текст

Теги h1-h6 для заголовков и p для абзацев текста.

4

Ссылки

Тег a и атрибут href для создания гиперссылок.

5

Изображения

Тег img, атрибуты src и alt для вставки изображений.

6

Списки

Маркированные (ul) и нумерованные (ol) списки, элемент li.

7

Таблицы

Структура table, thead, tbody, tr, th, td для табличных данных.

8

Формы

form, input, label, button — базовые элементы формы ввода данных.

9

Семантические элементы

header, nav, main, article, footer вместо div-supа.

10

head, title и meta

Метаданные страницы: title для вкладки браузера, meta для описания и кодировки.

11

Подключение CSS

Как подключить внешний CSS-файл или задать стили прямо в head.

12

Первая завершённая веб-страница

Собираем всё изученное в одну реальную готовую HTML-страницу.

Похожие инструменты