неделя, 1 декември 2024 г.

HTML списъци

 В HTML можете да използвате три вида списъци:


·             неподредени: отделните елементи на списъка се открояват с един и същи графичен знак: кръгче, квадрат, отметка и т.н. - каквото укажете;
·             подредени: изброените неща в списъка получават свой номер: римски, арабски цифри, латински малки или главни букви в азбучен ред и т.н.
·             дефиниращи понятия: с този тип списъци можете да изброявате елементи и заедно с това да давате техни определения (дефиниции).


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

Указват се с таг 
<ul> за начало и  </ul> - за край. Отделните неща в списъка се отбелязват с таговете <li> и </li>. Ето и един пример за неподреден списък:


<ul>
 <li>Кори за баница</li>
 <li>Сирене</li>
 <li>Яйца</li>
 <li>Кисело мляко</li>
 <li>Олио</li>
 </ul>


На екрана на браузъра този списък може да изглежда така:


·             Кори за баница
·             Сирене
·             Яйца
·             Кисело мляко
·             Олио

Написах "може", защото какъв символ ще се използва за отбелязване на отделните неща в списъка определяте Вие. Вижте с какви възможности разполагате със следния  

 пример  
С тези списъци изброяваните елементи получават номер. Синтаксисът е почти идентичен с този за неподредени списъци: единствената разлике е че вместо <ul> и </ul> се използват съответно <ol> и </ol> за начало и край на списъка. Ето и един пример:


<ol>
 <li> Студена вода </li>
<li> Сода </li>
<li> Айрян </li>
</ol>


В браузъра списъкът ще изглежда така:
1. Студена вода
2. Сода
3.  Айрян