Автомобильный каталог HTML

Что нужно сделать?

Разработать мини-приложение на чистом HTML (без CSS и JavaScript),
в котором будет главная страница со списком автомобилей и
страницы с описанием каждой машины.

📋 Требования к проекту:

1️⃣ Главная страница (index.html)

• Создай страницу, на которой отображается список автомобилей.

• Для каждого автомобиля нужно:

  • название модели (например, BMW M3);

  • изображение машины (можно использовать картинки из интернета или локальные файлы);

  • ссылка на отдельную страницу с подробным описанием этой машины.

📘 Пример структуры:

<h1>Каталог автомобилей</h1>

<ul>
  <li>
    <a href="bmw.html">
      <img src="images/bmw.jpg" alt="BMW M3" width="300">
      <p>BMW M3</p>
    </a>
  </li>
  <li>
    <a href="audi.html">
      <img src="images/audi.jpg" alt="Audi RS6" width="300">
      <p>Audi RS6</p>
    </a>
  </li>
  <li>
    <a href="mercedes.html">
      <img src="images/mercedes.jpg" alt="Mercedes C63" width="300">
      <p>Mercedes C63</p>
    </a>
  </li>
</ul>

2️⃣ Страницы автомобилей

Для каждой машины создай отдельный HTML-файл, например:

• bmw.html

• audi.html

• mercedes.html

На каждой странице должно быть:

• Название модели (<h1>).

• Изображение автомобиля (<img>).

• Краткое описание модели (<p>).

• Основные характеристики в виде списка (<ul> или <table>).

• Ссылка назад на главную страницу (<a href="index.html">Назад</a>).

3️⃣ Навигация и структура проекта

Структура папок может выглядеть так:

/project
  ├── index.html
  ├── bmw.html
  ├── audi.html
  ├── mercedes.html
  └── /images
       ├── bmw.jpg
       ├── audi.jpg
       └── mercedes.jpg

⚠️ Ограничения:

• ❌ Нельзя использовать CSS, JavaScript или сторонние фреймворки.

• ✅ Только чистый HTML (теги, ссылки, изображения, списки, таблицы и т.д.).