Бесплатные курсы программирования

Бесплатный курс по HTML: обучение html верстке для начинающих

Для стандартизации вывода текста внутри браузера был придуман стандарт HTML, описывающий правила оформления текстовых данных для корректного вывода. Этот курс посвящён азам HTML разметки, работы с типографикой, вывода медиа документов и работы с формами

Основы разметки HTML

1. Основы HTML-разметки

2. Элементы HTML (теги)

3. Работа с текстом в HTML

4. Иерархия и вложенность тегов

5. Основные атрибуты HTML

HTML был создан для стандартизации отображения текста в браузерах и определения правил форматирования текстовых данных. Несмотря на более чем 20-летнюю историю, его базовые концепции остаются неизменными. В первом модуле вы познакомитесь с основами HTML: тегами, атрибутами, принципами вложенности, а также освоите основные инструменты разметки текста, включая работу с параграфами.

Работа с текстом в HTML

6. Текстовые блоки (параграфы)

7. Форматирование текста

8. Структура заголовков

9. Создание списков

10. Иерархические списки

11. Работа с таблицами

12. Объединение ячеек в строках и столбцах

13. Использование специальных символов в HTML

14. Гиперссылки

15. Структурированный и форматированный текст

16. Разметка и отображение кода в HTML

HTML предоставляет широкий набор инструментов для работы с текстом: от создания простых текстовых блоков до сложных таблиц и вложенных списков. Умение правильно разметить текст — один из основных навыков при создании и поддержке веб-страниц.

Работа с медиаэлементами

17. Работа с изображениями

18. Добавление аудио элементов

19. Вставка видео элементов

HTML позволяет добавлять изображения на веб-страницы, а с появлением стандарта HTML5 стала доступна работа с аудио- и видеоконтентом, расширяющая возможности мультимедиа.

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

20. Основная структура HTML-документа

21. Использование метатегов

22. Тег link

23. Тег viewport

24. Типы элементов: блочные и строчные

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

Формы в HTML

25. Создание форм в HTML

26. Текстовые поля для ввода данных

27. Флажки (чекбоксы)

28. Переключатели (радиокнопки)

29. Textarea

30. Список

31. Отправка формы

Формы играют важную роль в HTML, так как позволяют пользователям взаимодействовать с веб-сайтом. С их помощью реализуются такие функции, как поиск, отправка заявок, заполнение анкет и запрос обратной связи.

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

32. Основные семантические элементы HTML5

33. Элемент header (шапка страницы)

34. Меню

35. Уникальный контент страницы

36. Секция

37. Самостоятельная секция

38. Боковая панель

HTML5 представило множество новых семантических тегов, которые упрощают правильное отображение и обработку документа браузерами, а также улучшают поддержку режима чтения. Кроме того, использование этих тегов помогает поисковым системам лучше понимать структуру вашего сайта. В этом модуле вы научитесь размечать типичную веб-страницу с использованием новых возможностей HTML5.