петък, 6 февруари 2026 г.

 Задача:

Създайте папка с име „Сезони“, в която организирайте изображенията по следния начин:

  1. Създайте една обща подпапка с име „Пролет_Лято“, в която да се намират изображенията за сезоните Пролет и Лято.

  2. Създайте отделна подпапка с име „Есен“, в която да се намират изображенията за сезон Есен.

  3. Изображенията за сезон Зима да се намират директно в основната папка „Сезони“, без да бъдат поставяни в подпапка.

Изисквания към HTML документа:

  • Създайте HTML файл, който използва само HTML (без CSS и без JavaScript).

  • В HTML файла създайте таблица с 4 колони и 4 реда (1 ред за заглавия и 3 реда със съдържание).

  • Заглавията на колоните да бъдат: Пролет, Лято, Есен, Зима.

  • В клетките на таблицата поставете изображенията Pic1 до Pic12, като:

    • Pic1 – Pic3 са изображения за Пролет;

    • Pic4 – Pic6 са изображения за Лято;

    • Pic7 – Pic9 са изображения за Есен;

    • Pic10 – Pic12 са изображения за Зима.

  • Изображенията да се зареждат коректно според зададената структура на папките.

  • Всички изображения да бъдат с еднаква ширина (например 150 px), зададена чрез HTML атрибут.

📁 Схема на папките
Сезони/
│
├── Pic10.jpg
├── Pic11.jpg
├── Pic12.jpg
│
├── Пролет_Лято/
│   ├── Pic1.jpg
│   ├── Pic2.jpg
│   ├── Pic3.jpg
│   ├── Pic4.jpg
│   ├── Pic5.jpg
│   └── Pic6.jpg
│
├── Есен/
│   ├── Pic7.jpg
│   ├── Pic8.jpg
│   └── Pic9.jpg
│
└── index.html

ℹ️ HTML файлът (index.html) се намира в основната папка „Сезони“.

<!DOCTYPE html>
<html lang="bg">
<head>
    <meta charset="UTF-8">
    <title>Сезони</title>
</head>
<body>

<table border="1" cellpadding="10">
    <tr>
        <th>Пролет</th>
        <th>Лято</th>
        <th>Есен</th>
        <th>Зима</th>
    </tr>

    <tr>
        <td><img src="Пролет_Лято/Pic1.jpg" width="150"></td>
        <td><img src="Пролет_Лято/Pic4.jpg" width="150"></td>
        <td><img src="Есен/Pic7.jpg" width="150"></td>
        <td><img src="Pic10.jpg" width="150"></td>
    </tr>

    <tr>
        <td><img src="Пролет_Лято/Pic2.jpg" width="150"></td>
        <td><img src="Пролет_Лято/Pic5.jpg" width="150"></td>
        <td><img src="Есен/Pic8.jpg" width="150"></td>
        <td><img src="Pic11.jpg" width="150"></td>
    </tr>

    <tr>
        <td><img src="Пролет_Лято/Pic3.jpg" width="150"></td>
        <td><img src="Пролет_Лято/Pic6.jpg" width="150"></td>
        <td><img src="Есен/Pic9.jpg" width="150"></td>
        <td><img src="Pic12.jpg" width="150"></td>
    </tr>
</table>

</body>
</html>

Публикувано от в
Етикети: