В 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. Айрян
Задача:
1) Запишете три HTML файла с имена: index, stihove,
snimka.
2) При отваряне на файла index.html да се изобрази
текста: Моят първи сайт, на цветен фон, да има картинка и три линка за
връзка:
- Към файла http://www.abv.bg/
- Към файла stihove.html
- към файла snimka.html
3)От файловете stihove.html и snimka.html да има
линкове към файла index.html.
4)Във файла stihove.html да се направи съдържание
преди самите стихове, чиито точки да служи за препратки към съответните
стихове в същия файл.
