Блог на Петя Газдова

четвъртък, 12 февруари 2026 г.

За изпитване

Задача 1:

https://desidimitrova.alle.bg/11-%D0%BA%D0%BB%D0%B0%D1%81/#:~:text=%C2%A0tickets_otstypka_new.xlsx

Задача 2:

https://desidimitrova.alle.bg/11-%D0%BA%D0%BB%D0%B0%D1%81/#:~:text=4%3A%C2%A0%D0%A1%D0%B2%D0%B0%D0%BB%D0%B5%D1%82%D0%B5%20%D1%84%D0%B0%D0%B9%D0%BB%D0%B0-,bookstore.xlsx,-%D0%A3%D1%81%D0%BB%D0%BE%D0%B2%D0%B8%D0%B5%D1%82%D0%BE%20%D0%BD%D0%B0%20%D0%B7%D0%B0%D0%B4%D0%B0%D1%87%D0%B0%D1%82%D0%B0

сряда, 11 февруари 2026 г.

Тест

https://www.smartest.bg/session/457b9a91-1aeb-4784-a7fd-4edac414649a

Списъци в HTML

Основни видове HTML списъци:

Неподредени списъци (<ul>): Използват се за елементи, където редът не е от значение. Елементите се маркират по подразбиране с точки (bullets). Типът маркер може да се променя чрез CSS или атрибута type (disc, circle, square).
Подредени списъци (<ol>): Използват се за елементи, където редът е важен (номерирани). Номерирането е автоматично (1, 2, 3...). Чрез атрибута type може да се зададе номериране с букви (a, A) или римски цифри (i, I).
Описващи списъци (<dl>): Служат за създаване на списъци с термини и техните дефиниции. Използват таговете <dt> (definition term) за термина и <dd> (definition description) за описанието.
Вложени списъци: Позволяват поставянето на един списък (например неподреден) вътре в друг (подреден) за създаване на йерархични структури.

Структура и атрибути:

Всеки елемент в <ul> или <ol> се поставя в тага <li> (list item).
За подредените списъци, номерирането се задава автоматично, без нужда от ръчно изписване на цифри.

Практическа задача: "Моята любима рецепта"

Тази практическа задача има за цел да упражни създаването на подредени (<ol>), неподредени (<ul>) и вложени списъци в HTML. Ще създадете структура за рецепта, като използвате различни типове номериране (тип type="1", a, i) за стъпките.

Задача: Създайте HTML файл с име recipe.html, който съдържа следното структурирано съдържание:

Заглавие: H1 "Рецепта за Палачинки"
Подзаглавие: H2 "Необходими продукти" (Неподреден списък <ul>)
- 2 яйца
- 1 ч.ч. брашно
- 1 ч.ч. прясно мляко
- щипка сол
Подзаглавие: H2 "Начин на приготвяне" (Подреден списък <ol>)
- Разбийте яйцата.
- Добавете брашното и млякото.
- Изпечете в тиган.
Вложен списък (Бонус): Под стъпка 3 ("Изпечете"), добавете вложен неподреден списък с "Полезни съвети":
- Използвайте масло за тигана.
- Първата палачинка е за проба.

Решение (HTML код)

html

<!DOCTYPE html>
<html lang="bg">
<head>
    <meta charset="UTF-8">
    <title>Моята Рецепта</title>
</head>
<body>

    <h1>Рецепта за Палачинки</h1>

    <h2>Необходими продукти</h2>
    <ul>
        <li>2 яйца</li>
        <li>1 ч.ч. брашно</li>
        <li>1 ч.ч. прясно мляко</li>
        <li>Щипка сол</li>
    </ul>

    <h2>Начин на приготвяне</h2>
    <ol type="1">
        <li>Разбийте яйцата.</li>
        <li>Добавете брашното и млякото.</li>
        <li>Изпечете в тиган.
            <ul>
                <li>Използвайте масло за тигана.</li>
                <li>Първата палачинка е за проба.</li>
            </ul>
        </li>
    </ol>

</body>
</html>

Какво да упражните допълнително?
Променете type="1" на <ol> с type="A" или type="i", за да видите как се променя номерирането.
Добавете type="square" на неподредения списък (<ul>), за да смените точките с квадратчета.

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

СЪЗДАВАНЕ И ПУБЛИКУВАНЕ НА ИНФОРМАЦИЯ В ИНТЕРНЕТ

https://drive.google.com/file/d/1QKe80NaO3hVlRzo4pWh9iKSf5QsPcl4_/view?pli=1

Задача:

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

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

Изисквания към 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>

сряда, 4 февруари 2026 г.

Път до файл

Пътищата до файлове (файлови пътища) в HTML се използват за свързване на външни ресурси като изображения, стилове или страници. Основните видове са относителни (спрямо текущия файл) и абсолютни (пълен URL адрес). Те определят точното местоположение на файла в структурата на директориите на уебсайта или сървъра.

Ето основните начини за задаване на път до файл:

Абсолютен път: Пълният адрес на файла, започващ с протокола (напр. https://www.google.com/images/logo.png).
Относителен път (текуща папка): Ако файлът е в същата папка: <img src="picture.jpg">.
Относителен път (подпапка): Ако файлът е в папка "images" вътре в текущата: <img src="images/picture.jpg">.
Относителен път (по-горна папка): Ако файлът е в по-горна папка: <img src="../picture.jpg">.
Основни правила за файлови пътища:

Използвайте наклонена черта напред (/), дори при Windows системи.
./ означава текущата директория (може и да се пропусне).
../ означава излизане от текущата папка и отиване в по-горната (родителска) директория.
Имената на файловете трябва да са точни, като се внимава за малки и главни букви.

Пример за вмъкване на изображение:

<img src="folder/image.png" alt="Описание на картинката">

вторник, 3 февруари 2026 г.

Проект по избор

Срок: 05.03.2026 г.

Компютърна рисунка

Тема: „ Детство мое - реално и вълшебно “, размер A4, файлов формат JPEG

Тема: По избор, размер A4 или А3

Колаж

Тема: По избор, размер A4 или А3

Рисунка, компютърна игра, анимация, уеб-базирана творба и други

„Космосът - настояще и бъдеще на човечеството"

четвъртък, 12 февруари 2026 г.