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

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

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

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

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

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

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

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

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