Учебный вариант 00 — пара 11

Это постоянный пример преподавателя, который студентам не назначается. Задание пары 11: продолжить Variant00-web/index.html после первой страницы: добавить миникаталог из двух пунктов и ссылку на него внутри того же документа. Исходная страница с текстами и картинкой разобрана в паре 10; для нового этапа нужны следующие данные.

Полные данные исходной страницы

Данные	Значение и место в HTML
Название приложения	Техника дома · V00 — `title` и `h1`
Короткое пояснение	Выберите технику для повседневных дел — первый `p`
Заголовок главной	Бытовая техника для дома — `h2`
Описание	Три прибора для кухни и дома. Сравните характеристики и выберите нужный товар. — второй `p`
Изображение	`images/fridge.svg`, `alt="Холодильник"`, ширина 240

Готовая отдельная иллюстрация fridge.svg для копирования в images:

Сохранение изображения: скачанный 010-00-fridge.svg назовите fridge.svg и сохраните в своей папке images, как указано в задании.

Холодильник — иллюстрация учебного варианта 00

Задание этой пары

Элемент	Данные примера
Заголовок миникаталога	Каталог техники; `h2` с `id="catalog"`
Первый пункт `li`	Холодильник
Второй пункт `li`	Стиральная машина
Надпись ссылки	Посмотреть технику
Адрес ссылки	`#catalog` — цель на этой же странице
Третий пункт для раннего завершения	Электрочайник

Разместите миникаталог после прежней картинки, ссылку — после короткого пояснения главной. При нажатии в адресе появляется #catalog; на длинной странице браузер прокручивает к заголовку. Отдельный файл каталога на этой паре не создаётся. Схемы и фрагменты выполнения находятся в объяснении пары по ссылке в конце листа.

Вернуться к объяснению пары 11.