вторник, 26 февруари 2019 г.

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