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

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

Основни видове 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

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

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

Проекти

Срок: 17.03.2026г.

Проект 1: „Подбор на компютърна конфигурация“- презентация

1.Хардуер

2.Централен процесор

· Тактова честота

· Кеш памет

· Разрядност

· Брой ядра

· Производителност(бързодействие)

3.Дънна платка

· Слот

· Поддръжка на RAM памет

· Брой слотове на RAM памет

· Формат на дъното

4.Памет (RAM)

· Размер

· Тип

· Максимална тактова честота

5.Диск

· Размер

· Тип

· Скорост на запис и четене

· Време за реакция

6.Монитор

· Тип на матрицата

· Размер

· Яркост

· Контраст

· Ъгли на видимост

· Покритие на цветовата гама

· Честота на опресняване

7.Периферни устройства

· Принтери

― Матрични

― Термопринтери

― Мастиленоструйни

― Лазерни

· Скенери

Проект 2: Направете сравнение между настолен компютър и лаптоп като сравните техните:

· Разходи

· Преносимост

· Процесор

· RAM памет

· Външни устройства

· Размер на екрана

· Консумация на ел.енергия

· Надграждане

· Игри

· Ремонт

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

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

Тест

Списъци в HTML

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

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

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

Път до файл

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

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

Проекти

Страници

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

Тест

Списъци в HTML

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

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

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

Път до файл

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

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

Проекти

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

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

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

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