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

Пункт посвящён определению HTML, происхождению названия и месту языка среди технологий веб-разработки. Рассматриваются появление World Wide Web, вклад Тима Бернерса-Ли и переход к современному стандарту HTML5. Отдельно объясняется отличие языка разметки от языков программирования, таблиц стилей и скриптов, чтобы читатель понимал функции каждого инструмента.

В разделе разбирается базовое устройство HTML-файла: объявление типа документа, корневой элемент html и его части head и body. Объясняется назначение кодировки, заголовка страницы, метаданных и видимого содержимого. На простом примере показывается, как открывающие и закрывающие теги образуют вложенную структуру, которую браузер анализирует перед отображением.

Пункт знакомит с элементами, которые используются для размещения информации на странице: заголовками, абзацами, списками, ссылками, изображениями и таблицами. Отдельное внимание уделяется семантическим тегам header, nav, main, section, article и footer. Поясняется, как выбор подходящего элемента влияет на читаемость кода, доступность и логическое восприятие сайта.

В разделе описывается последовательность создания продукта: выбор темы, подготовка материалов, разработка структуры страниц и сохранение файлов в одной папке проекта. Показывается создание главного документа, добавление меню, текстовых блоков, изображений и ссылок. Также объясняется, как использовать относительные пути, чтобы сайт корректно работал на другом компьютере без потери подключённых ресурсов.

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

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

Пункт содержит описание полученного продукта и анализ того, насколько он соответствует поставленным задачам. Фиксируются использованные HTML-элементы, реализованные разделы и особенности навигации. Отдельно отмечаются обнаруженные ограничения, например отсутствие серверной обработки или сложной интерактивности, и возможные направления развития сайта с применением CSS, JavaScript и адаптивной вёрстки.

В заключении обобщаются сведения о назначении HTML и принципах построения гипертекстового документа. Подводится итог практической разработки сайта, оценивается сформированное умение создавать структуру страницы и проверять её отображение в браузере. Также обозначается, какие знания можно развивать дальше: каскадные таблицы стилей, программирование на JavaScript, адаптивная вёрстка и основы доступности.

В разделе приводятся использованные источники, которые позволяют проверить определения, исторические сведения и правила записи HTML-элементов. Список может включать официальные рекомендации W3C и WHATWG, учебные пособия по информатике, документацию MDN Web Docs и материалы образовательных платформ. Для каждого интернет-источника следует указать название, адрес страницы и дату обращения.