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

CSS и HTML » HTML

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

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

Подредените списъци също могат да се влагат един в друг, а освен това те могат да се влагат в неподредени списъци и обратно - неподредените списъци да се влагат в подредени.

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

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

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

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

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

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

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

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



ДЕФИНИРАЩИ СПИСЪЦИ

Дефиниращите списъци се използват за да акцентират върху дадена дефиниция или термин, като покажат съдържанието на дефиницията с отстъп от лявото поле на браузъра.
При дефиниращите списъци не се изобразяват символи в началото на реда. Но вие може да укажете собствени символи, като ги зададете чрез тага за показване на изображения.
Дефиниращите списъци започват с началния таг за дефиниращ списък <dl>
Следва тага за задаване заглавие на дефиниращия списък <dt>
След това се изписва тага за тялото на дефиницията <dd>
И трите тага трябва да завършват със съответните си затварящи тагове.

Пример за дефиниращ списък:

<dl>
<dt>Заглавие на 1-ви дефиниращ списък</dt>
<dd>Съдържание на първа дефиниция.</dd>
<dd>Съдържание на втора дефиниция.</dd>
<dd>Съдържание на трета дефиниция.</dd>

<dt>Заглавие на 2-ри дефиниращ списък</dt>

<dd>Съдържание на първа дефиниция.</dd>
<dd>Съдържание на втора дефиниция.</dd>
</dl>

За да зададете символ по ваше желание в началото на реда на дефиницията, трябва да разполагате с някакъв файл, например mysymbol.gif, и да напишете код, подобен на следния:

<dl>
<dt>Заглавие на дефиницията</dt>
<dd> <img title="óðîöè îò uroci.com" src="mysymbol.gif" width="8" height="8" alt="my own symbol">
Съдържание на дефиницията.
</dd>
</dl>



ВЛАГАНЕ НА ДЕФИНИРАЩИ СПИСЪЦИ

Дефиниращите списъци също могат да се влагат един в друг, както и в останалите два вида списъци и обротно - подредените и неподредените списъци могат да се влагат в дефиниращи списъци. Например:

<dl>
<dt>Заглавие на дефиниращ списък</dt>
<dd>Съдържание на първа дефиниция.</dd>
<dd>Съдържание на втора дефиниция.</dd>

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

<ol>
<li>Първи номериран поделемент</li>
<li>Втори номериран поделемент</li>
</ol>
</ul>
</dl>