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

Дефиниращи списъци

Тези списъци се задават с <dl> и </dl> - съответно за начало и за край на списъка. Следва изброяване на понятията (между тагове <dt> и </dt>) и техните дефиниции (между тагове <dd> и </dd>). Дефиниращ списък може да изглежда така:

<dl>
<dt> Вино </dt>
<dd> течност, с която се откърмят юнаци</dd>
<dt> Мляко </dt>
<dd> временен заместител на виното</dd>
</dl>

Браузърът автоматично ще направи отстъп за дефинициите, така че списъка ще изглежда по следния начин:

Вино

течност, с която се откърмят юнаци

Мляко

временен заместител на виното; тече от чешми само в присъствие на мед

Освен изброените до тук начини за промяна стила на списъците, можете да се възползвате от много по-богатите възможности, които дава CSS. Повече по темата можете да прочетете в урока CSS списъци.

Следва: HTML формуляри

начало на страницата