В 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. Айрян