петък, 7 ноември 2025 г.

HTML списъци

​​Подреден списък:

      <ol>

            <li> Елемент 1 </li>

            <li> Елемент 1 </li>

            <li> Елемент 1 ​</li>

      </ol>

Пример за подреден списък: <ol type="1">

Стойностите на атрибута type за подредените списъци са :

     type=1 за списъци 1. 2. 3.

     type=a за списъци a. b. c.

     type=A за списъци A. B. C.

     type=i за списъци i. ii. iii.

     type=I за списъци I. II. III. 


Неподреден списък

​Неподреден е списъка, в който елементите не са номерирани чрез арабски цифри, римски цифри или букви. Тагът за такъв списък е ul:

<ul>

   <li>Първи елемент от списъка</li>

   <li>Втори елемент от списъка</li>

   <li>Трети елемент от списъка</li>

</ul>

​Възможните стойности са три атрибута:

disc (запълнен кръг като този, който е по подразбиране)

circle (незапълнен кръг)

square (запълнен квадрат).

Пример за неподреден списък с незапълнени кръгчета: <ul type="circle">

Вложени списъци

Ако желаете, можете да влагате един в друг списъци от един вид или от различни видове.

Пример с вложени един в друг подреден и неподреден списък:



<ol>

       <li>Да купя за вкъщи: </li>

            <ul type=circle>

                <li> шоколад  </li>

                <li> яйца </li>

            </ul>

       <li>Да купя за офиса: </li> 

            <ul type=circle>

            <li>хартия</li>

            <li>папки</li>

            <li>тонер</li>

            </ul>

</ol>​



Задача 1 списъци:

Създадайте уеб страница, която включва различни видове списъци, използвайки HTML. Списъците ще съдържат информация за любимите ви книги, филми и музикални жанрове.

Създайте неномериран списък (<ul>) за любимите си книги. Включете поне 5 елемента.

Създайте номериран списък (<ol>) за любимите си филми. Включете поне 5 елемента.

Създайте вложен списък, който показва любимите ви музикални жанрове, като в рамките на всеки жанр добавите по 2 примера за изпълнители или групи.