Глава 8. Списъци

8.1 Неномерирани (неподредени или несортирани) списъци

Един от ефективните способи за организиране и представяне на текстова информация са списъците. Те са много подходящи при изброяване на последователност от някакви имена или други текстови обекти, съдържание във вида на глави, параграфи и други подобни. Информацията, представена във вид на списъци се възприема лесно.

Списъците, създавани със средствата на езика HTML са няколко типа. Употребяват се неномерирани списъци, номерирани списъци и списъци с дефиниции.

Елементите на неномерирания списък се обхващат от контейнерния таг <UL>.....</UL>. Пред всеки от елементите на списъка се поставя неконтейнерния таг <LI>.

Общият вид на един неномериран списък изглежда по следния начин:
<UL>
       <LI>Първи елемент
       <LI>Втори елемент
.................................................
       <LI>Последен елемент
</UL>

Преди списъка и след него браузера оставя по един празен ред.

Елементите на списъка се изобразяват с отстъп на дясно.

Неномерираните списъци могат да се влагат един в друг. Примерният общ вид на вложени неномерирани списъци изглежда по следния начин:

<UL>
       <LI>Първа група
<UL>
       <LI>Първи елемент
       <LI>Втори елемент
</UL>
 <LI>Втора  група
<UL>
       <LI>Първи елемент
       <LI>Втори елемент
       <LI>Трети елемент
 </UL>
 <LI>Трета  група
<UL>
       <LI>Първи елемент
 </UL>
 </UL>

Пред елементите на неномерираните списъци се изобразяват различни символи (bullets). Един от тези символи се поставя пред всички елементи на списък по подразбиране.

С помощта на атрибута TYPE в тага <UL> може да се задава точно определен символ пред елементите на списък.

Стойностите на атрибута TYPE са следните:

<UL TYPE=DISC> - символът е малък запълнен кръг;
<UL TYPE=CIRCLE> - символът е малка окръжност;
<UL TYPE=SQUARE> - символът е малък запълнен квадрат.

На фиг.8.1 е показан кодът на страница, в която се използват неномерирани списъци.

Фиг. 8.1

<p>Списък на заглавията от помощната информация на операционнта система Windows XP за HP Notebook.</p>

<div align="center">Pick a Help topic: </div>
<ul>
<li>My HP Notebook
<ul>
<li>HP Library
<li>HP Instant Support
</ul>
<li>What's new in Windows XP
<ul>
<li>Music, video, games, and photos
<li>Windows basics
</ul>
<li>Networking and the Web
<ul>
<li> Working remotely
<li> Security and administration
</ul>
<li>Customizing your computer
<ul>
<li> Accessibility
</ul>
<li>Printing and faxing
<ul>
<li> Performance and maintenance
<li> Hardware
<li>Fixing a problem
<li> Send your feedback to Microsoft
</ul>
</ul>

На фиг.8.2 е показано изобразяването на тази страница в прозореца на браузера.

Фиг. 8.2

Списък на заглавията от помощната информация на операционнта система Windows XP за HP Notebook.

Pick a Help topic:
  • My HP Notebook
    • HP Library
    • HP Instant Support
  • What's new in Windows XP
    • Music, video, games, and photos
    • Windows basics
  • Networking and the Web
    • Working remotely
    • Security and administration
  • Customizing your computer
    • Accessibility
  • Printing and faxing
    • Performance and maintenance
    • Hardware
    • Fixing a problem
    • Send your feedback to Microsoft

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