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

ОБРАБОТКА НА ИНФОРМАЦИЯ И КОМУНИКАЦИЯ.

https://presentvidolova.wordpress.com/wp-content/uploads/2020/02/1-validationinformationn.pdf 


https://read8sou.wordpress.com/wp-content/uploads/2022/03/2-digitalcollaborationn.pdf

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

Меню с HTMLс използване на списъци

 





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

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

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

 Задача:

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

  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>

Публикувано от в
Етикети:
Абонамент за: Коментари (Atom)