Помогни ни да направим Uroci.net по - богат! Добави урок

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

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

Списъци

Често в HTML-страниците се прави изброяване на някакви елементи и в тези случаи е подходящо да се използват специалните тагове на HTML за списъци, тъй като това придава по-подреден вид на страницата.

Могат да се изработват три основни вида списъци:

- неподредени
- подредени
- дефиниращи



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

Неподреден е списъка, в който елементите, които се изброяват, не са номерирани чрез арабски цифри, римски цифри или букви.
Кода за такъв списък е следния:

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

При задаване на този код браузъра изобразява списъка с автоматичен отстъп от лявото поле. Не е нужно и да се изписва тага за преминаване на следващ ред <br>, тъй като това също става автоматично. Автоматично се добавя и по един празен ред над и под списъка.

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

- disc (запълнен кръг като този, който е по подразбиране)
- circle (незапълнен кръг)
- square (запълнен квадрат).

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

<ul type="circle">
<li>Първи елемент от списъка</li>
<li>Втори елемент от списъка</li>
<li>Трети елемент от списъка</li>
</ul>

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

<ul type="square">
<li>Първи елемент от списъка</li>
<li>Втори елемент от списъка</li>
<li>Трети елемент от списъка</li>
</ul>

!ВНИМАНИЕ: Атрибута type на тага ul е изваден от стандартите на езика и не се поддържа от XHTML 1.0 Strict DTD, макар че браузърите ще продължат да го поддържат. Дефинирането на типа на знаците в неподредените списъци трябва да се извършва чрез използване на стилове (styles). За подробности вижте CSS справочника.



ВЛАГАНЕ ЕДИН В ДРУГ НА НЕПОДРЕДЕНИ СПИСЪЦИ

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

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

<ul>
<li>Първи поделемент на 2-рия елемент от списъка</li>
<li>Втори поделемент на 2-рия елемент от списъка</li>
</ul>

<li>Трети елемент от списъка </li>
</ul>

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


Страници: 1 2 3 4 »

Коментари (2)

gena на 07.02 2007 в 10:36ч.
Добре де и за 3-те вида списъци сте написали че се изобразяват "с отстъп от лявото поле на браузъра" !!! Добре де някои може ли да ми каже тази отстъпка може ли да се радактира - премахне,увеличи или да бъде с отстъп от дясно ?????????????????????????
Моля Help
gena на 08.02 2007 в 08:32ч.
Значи намерих отговора !!!
За Firefox е достатъчно в CSS кода на ul да поставиш
padding: 0;
но за IE6 ти трябва и 2-ри ред :
padding: 0;
margin: 0;
и всичко е наред !!!

Регистрирайте се, за да добавите коментар


Калдейта ЕООД - © 2003-2010. Всички права запазени.
Препоръчваме: Национален Бизнес | Bomba.bg | IT Новини | Диплома.бг | TRAVEL туризъм | Реферати | AmAm.bg | Иде.ли | Курсови работи | Фото Форум | Spodeli.net | Фото-Култ | Atol.bg | Elmaz.com | MobileBulgaria.com | Казанлък.Com