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

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

В этом пункте объясняется, как браузер отображает маркированные и нумерованные списки и в каких случаях каждый вид уместен. Рассматриваются теги <ul>, <ol> и <li>, назначение открывающих и закрывающих тегов, а также базовые правила вложенности элементов. Теоретические сведения нужны для того, чтобы правильно оформить правила и последовательности действий в HTML-документе.

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

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

Здесь описывается создание файла веб-страницы и добавление в него базовой структуры HTML-документа. Внутри содержательной части размещаются заголовки и пояснения, затем формируются списки с помощью тегов <ul>, <ol> и <li>. Внимание уделяется корректному закрытию парных тегов, последовательному расположению элементов и сохранению файла с расширением, которое распознаёт браузер.

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

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

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

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