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

Пункт посвящён назначению HTML и принципам построения документа. Рассматриваются обязательные элементы структуры, включая doctype, html, head и body, а также заголовки, абзацы, списки, ссылки и изображения. Отдельно объясняется роль атрибутов и правильной вложенности тегов при создании понятной и корректной страницы.

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

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

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

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

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

Пункт посвящён проверке готового результата в браузере. Анализируется отображение текста, изображений, меню и ссылок, выявляются ошибки в коде и несоответствия первоначальному плану. Проверяется удобство просмотра на разных разрешениях, после чего выполняются исправления и повторное тестирование всех основных элементов.

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

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