- •Основы html
- •1. Понятие о html
- •2. Структура документа html
- •3. Элементы, теги и атрибуты html
- •4. Основные теги и атрибуты форматирования html документа
- •5. Тег вставки изображения
- •6. Стандартные цвета html-документа
- •7. Контрольные вопросы
- •Ссылки в документах html
- •2. Понятие о ссылках и гипертексте
- •3. Типы ссылок
- •4. Адрес web-документа
- •5. Теги ссылок
- •6. Контрольные вопросы
- •1. Понятие о списках
- •2. Простые и вложенные списки
- •3. Описание списков в html
- •4. Описание элементов списков
2. Простые и вложенные списки
Простые списки состоят из элементов одного уровня (см. примеры выше). Вложенные списки состоят из элементов, являющихся, в свою очередь, также списками:
Элемент первого уровня
Элемент второго уровня
Элемент третьего уровня
Элемент четвёртого уровня
Ещё один элемент четвёртого уровня
Следующий элемент третьего уровня
Следующий элемент третьего уровня
и т. д.
И т. п.
Уровни списков подобны уровням заголовков (см. с. 49), но, в отличие от заголовков, для описания списков разных уровней используются одни и те же теги. Элементы разных уровней отображаются браузером отформатированными различным образом, но внешний вид отображения элементов списков, можно, конечно, задать при создании WEB-страницы.
3. Описание списков в html
Списки в языке HTML определяются в два этапа: описание типа списка и описание элементов внутри списка.
• Нумерованные списки описываются тегом <OL>…</OL>, внутри которого содержатся элементы списков или вложенные списки. Тег <OL> может иметь следующие необязательные атрибуты:
TYPE – стиль нумерации, может иметь значения 1, a, A, i, I, назначение которых указано в таблице:
Значение атрибута TYPE |
Нумерация элемента |
Пример |
1 |
Арабскими цифрами |
1, 2, 3, … |
a |
Малыми латинскими буквами |
a, b, c, … |
A |
Большими латинскими буквами |
A, B, C, … |
i |
Малыми римскими цифрами |
i, ii, iii, iv, … |
I |
Большими римскими цифрами |
I, II, III, IV, … |
START – начальный номер списка.
Пример определения нумерованного списка:
<OL TYPE=A START=5>
<!-- здесь будут содержаться элементы списка -->
</OL>
Нумерация элементов в этом примере производится большими латинскими буквами, начиная с E.
• В ненумерованных списках вместо номера элемента выводится специальный значок – маркер. Ненумерованные списки определяются тегом <UL>…</UL>, внутри которого также могут содержаться элементы списков или вложенные списки. Тег <UL> может иметь один необязательный атрибут:
TYPE – стиль маркера, может иметь значения disc, square, circle, назначение которых указано в таблице:
Значение атрибута TYPE |
Вид маркера |
Образец |
disc |
Жирная точка |
• |
square |
Маленький квадрат |
|
circle |
Пустой кружок |
o |
Пример определения ненумерованного списка:
<UL TYPE=circle>
<!-- здесь будут содержаться элементы списка -->
</UL>
4. Описание элементов списков
Элементы списков описываются с помощью тега <LI>. Закрывающий тег </LI> не обязателен. Общий вид тега следующий:
<LI TYPE=стиль_нумерации VALUE=номер_элемента>Текст элемента списка</LI>
Здесь значения необязательного атрибута TYPE, приведенные в таблицах выше, описывают стиль нумерации или маркера в соответствии с типом списка – нумерованного или ненумерованного. Необязательный атрибут VALUE позволяет задать конкретный номер элемента нумерованного списка.
Пример нумерованного списка с пятью элементами:
<OL>
<LI>Первый элемент</LI>
<LI>Второй элемент</LI>
<LI VALUE=25>Двадцать пятый элемент</LI>
<LI>Двадцать шестой элемент</LI>
<LI VALUE=5>Пятый элемент</LI>
</OL>
