HTML Част 15 (Списъци)

CSS и HTML » HTML

fix3d   трудност:    видян: 16013

ПОДРЕДЕНИ СПИСЪЦИ

Подредените списъци извършват подредбата на елементите по един от следните начини:

- чрез арабски цифри
- чрез големи римски цифри
- чрез малки римски цифри
- чрез главни латински букви
- чрез малки латински букви

За да направите подреден списък с арабски цифри трябва да изпишете следния код:

<ol>
<li>Първи номериран елемент от списъка</li>
<li>Втори номериран елемент от списъка</li>
<li>Трети номериран елемент от списъка</li>
</ol>

Обърнете внимание, че в кода не се изписват никакви цифри - те се присвояват автоматично.

Автоматичното присвояване важи само за списъците, номерирани с арабски цифри. За всеки от останалите подредени списъци е нужно изрично да се укаже техния тип, като се присвои съответната стойност към атрибута type на тага ol.

За да зададете номериране с големи римски цифри присвоявате на type стойност главно латинско I, за малки римски цифри - малко латинско i, за големи и малки букви - съответно голямо латинско A и малко латинско a.

ПРИМЕР за подреден списък с големи римски цифри:

<ol type="I">
<li>Първи елемент от списъка, номериран с големи римски цифри </li>
<li>Втори елемент от списъка, номериран с големи римски цифри </li>
<li>Трети елемент от списъка, номериран с големи римски цифри </li>
</ol>

ПРИМЕР за подреден списък с малки римски цифри:

<ol type="i">
<li>Първи елемент от списъка, номериран с малки римски цифри</li>
<li>Втори елемент от списъка, номериран с малки римски цифри</li>
<li>Трети елемент от списъка, номериран с малки римски цифри</li>
</ol>

ПРИМЕР за подреден списък с големи латински букви:

<ol type="A">
<li>Първи елемент от списъка, обозначен с големи букви</li>
<li>Втори елемент от списъка, обозначен с големи букви</li>
<li>Трети елемент от списъка, обозначен с големи букви</li>
</ol>

ПРИМЕР за подреден списък с малки латински букви:

<ol type="a">
<li>Първи елемент от списъка, обозначен с малки букви</li>
<li>Втори елемент от списъка, обозначен с малки букви</li>
<li>Трети елемент от списъка, обозначен с малки букви</li>
</ol>

Както беше подчертано в урока за основните понятия на HTML - таговете (т.е. командите), техните атрибути и присвоените стойности на атрибутите задължително трябва да се изписват на латиница, така че не забравяйте да превключвате клавиатурата си, ако основния текст в страницата ви е на кирилица. Някои от буквите в латинската азбука и кирилицата не се различават при изписването им и е честа грешка в кода на езика да се вмъкват букви на кирилица. При такава грешка браузъра не разчита кода.

Понякога е нужно един подреден списък да започне номерирането не от първата цифра или буква, а от някаква следваща. Това се постига като в тага се включи атрибута start и му се зададе съответната цифрова (винаги в арабски цифри) стойност. Например за да започне изброяването от 5-тата голяма римска цифра се пише следния код:

<ol type="I" start="5">
<li>Първи елемент от списъка, номериран с голяма римска цифра 5 </li>
<li>Втори елемент от списъка, номериран с голяма римска цифра 6 </li>
<li>Трети елемент от списъка, номериран с голяма римска цифра 7 </li>
</ol>