Списки.

Список – это перечисление элементов. (X)HTML позволяет создавать три типа списков:

1. Маркированные списки (unordered list).

2. Нумерованные списки (ordered list).

3. Списки определений (definition list).

Маркированные списки – это списки, в которых перед каждым элементом выводится специальный маркер. Например:

Список групп:

· АУ-60;

· РТ-9;

· АК-27;

Маркированный список создается при помощи контейнерного тега <ul>…</ul>, в котором содержится описание всех элементов списка. Элементы списка описываются при помощи контейнерного тега <li>…</li>.

li – list item

Пример:

<ul>

<li>АУ-60</li>

<li>РТ-9</li>

<li>АК-27</li>

</ul>

Также имеется возможность изменения типа маркера. По умолчанию используется маркер в виде закрашенного кружка. Кроме него, (X)HTML позволяет использовать незакрашенный кружок и закрашенный квадрат. Для того, что бы установить тип маркера следует указать его тип в теге <ul>…</ul> через параметр type. Возможны три значения:

· disc – закрашенный кружок;

o circle – незакрашенный кружок;

§ square – закрашенный квадрат.

Пример:

<ul type=”square”>

<li>АУ-60</li>

<li>РТ-9</li>

<li>АК-27</li>

</ul>

Нумерованные списки – это перечисление элементов с автонумерацией. Нумерованные списки создаются с помощью контейнера <ol>…</ol>, в котором описываются элементы списка. Элементы описываются при помощи контейнерного тега <li>…</li>, так же как и в маркированы списках.

Пример.

<ol>

<li>АУ-60</li>

<li>РТ-9</li>

<li>АК-27</li>

</ol>

Имеется возможность задания типа нумерации. Для этого не обходимо присвоить соответсвующее значение параметру type тега <ol>…</ol>. Возможны такие типы:

· 1 – арабские цифры;

· А – прописные буквы;

· а – строчные буквы;

· І – римские цифры, которые отображаются прописными буквами;

· i – римские цифры, которые отображаются строчными буквами.

Пример.

<ol type=”I”>

<li>АУ-60</li>

<li>РТ-9</li>

<li>АК-27</li>

</ol>

Списки определений – это перечисление терминов и их определений. Создается при помощи трех тегов:

· dl – definition list;

· dt – definition term;

· dd – definition description

Синтаксис:

<dl>

<dt>Термин 1</dt>

<dd>Определение термина 1</dd>

<dt>Термин 2</dt>

<dd>Определение термина 2</dd>

…

</dl>

Пример:

Термин 1

Определение термина 1

Термин 2

Определение термина 2

 

Вложенные списки. Списки могут вкладываться друг в друга сколько угодно раз.

Пример:

Структура курса

<ol>

<li>Принципы функционирования сетей

<ul type="disc">

<li>Семиуровная модель сети

<ul>

<li>Физический</li>

<li>Канальный</li>

<li>...</li>

</ul>

</li>

<li>Адресация в сетях</li>

<li>Интернет</li>

</ul>

</li>

<li>Введение в XHTML</li>

<li>Базовые элементы языка (X)HTML.</li>

<li>Каскадные листы стилей (CSS)</li>

</ol>

Это будет выглядеть следующим образом:

Структура курса

1. Принципы функционирования сетей

· Семиуровная модель сети

§ Физический

§ Канальный

§...

· Адресация в сетях

· Интернет

2. Введение в XHTML

3. Базовые элементы языка (X)HTML.

4. Каскадные листы стилей (CSS)