https://www.smartest.bg/session/457b9a91-1aeb-4784-a7fd-4edac414649a
Блог на Петя Газдова
Уроци по Информатика и Информационни технологии
сряда, 11 февруари 2026 г.
Списъци в 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) за стъпките. recipe.html, който съдържа следното структурирано съдържание:- Заглавие: H1 "Рецепта за Палачинки"
- Подзаглавие: H2 "Необходими продукти" (Неподреден списък
<ul>)- 2 яйца
- 1 ч.ч. брашно
- 1 ч.ч. прясно мляко
- щипка сол
- Подзаглавие: H2 "Начин на приготвяне" (Подреден списък
<ol>)- Разбийте яйцата.
- Добавете брашното и млякото.
- Изпечете в тиган.
- Вложен списък (Бонус): Под стъпка 3 ("Изпечете"), добавете вложен неподреден списък с "Полезни съвети":
- Използвайте масло за тигана.
- Първата палачинка е за проба.
<!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 г.
Задача:
Създайте папка с име „Сезони“, в която организирайте изображенията по следния начин:
-
Създайте една обща подпапка с име „Пролет_Лято“, в която да се намират изображенията за сезоните Пролет и Лято.
-
Създайте отделна подпапка с име „Есен“, в която да се намират изображенията за сезон Есен.
-
Изображенията за сезон Зима да се намират директно в основната папка „Сезони“, без да бъдат поставяни в подпапка.
Изисквания към HTML документа:
-
Създайте HTML файл, който използва само HTML (без CSS и без JavaScript).
-
В HTML файла създайте таблица с 4 колони и 4 реда (1 ред за заглавия и 3 реда със съдържание).
-
Заглавията на колоните да бъдат: Пролет, Лято, Есен, Зима.
-
В клетките на таблицата поставете изображенията Pic1 до Pic12, като:
-
Pic1 – Pic3 са изображения за Пролет;
-
Pic4 – Pic6 са изображения за Лято;
-
Pic7 – Pic9 са изображения за Есен;
-
Pic10 – Pic12 са изображения за Зима.
-
-
Изображенията да се зареждат коректно според зададената структура на папките.
-
Всички изображения да бъдат с еднаква ширина (например 150 px), зададена чрез HTML атрибут.
index.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 памет
· Външни
устройства
· Размер
на екрана
· Консумация
на ел.енергия
· Надграждане
· Игри
· Ремонт