В браузере это будет выглядеть следующим образом:
Рисунок 12 – Таблица
4.3.4 Списки
Существует три основных вида списков в HTML-документе: нумерованный, ненумерованный, список определений.
Можно создавать вложенные списки, используя различные тэги списков или повторяя одни внутри других. Для этого просто необходимо разместить одну пару тэгов (стартовый и завершающий) внутри другой. Будут ли элементы вложенного списка иметь те же маркеры, обозначающие элемент списка — зависит от браузера.
Для создания заголовка списка используется контейнер <LH>.
В нумерованном списке браузер автоматически вставляет номера элементов по порядку. Если удалить произвольное количество элементов нумерованного списка, то остальные номера автоматически будут пересчитаны.
Нумерованный список заключается в контейнер <OL>. Каждый элемент списка начинается с тэга <LI>.
Пример: <OL>
<LI> Первый пункт списка <LI> Второй пункт списка
<LI> ...
</OL>
Тэг <OL> может иметь параметры:
<OL TYPE=A|a|I|i|1 START=n>
Где
TYPE — вид счетчика: A — большие латинские буквы (A,B,C...); a — маленькие латинские буквы (a,b,c...); I — большие римские цифры (I,II,III...); i
— маленькие римские цифры (i,ii,iii...); 1 — обычные цифры (1,2,3...). Используется по умолчанию.
54
START=n — число, с которого начинается отсчет.
Для ненумерованных списков браузер обычно использует маркеры для пометки элемента списка. Вид маркера, как правило, настраивает пользователь браузера.
Ненумерованный список заключается в контейнер <UL>. Как и в случае нумерованного списка, каждый элемент начинается с тэга <LI>.
Пример: <UL>
<LI> Первый пункт списка <LI> Второй пункт списка
<LI> ...
</UL>
Тэг <UL> может иметь параметр:
<UL TYPE=disc|circle|square>
Тип тэга <UL> определяет внешний вид маркера как вид по умолчанию
(disc), круглый (circle) или квадратный (square).
Список определений заключается в контейнер <DL>. Список состоит из двух частей: термина и его описания. Каждый термин начинается тэгом <DT> , а описание — тэгом <DD>. Пример:
<DL>
<DT> Отдел маркетинга
<DD> Данный отдел занимается продвижением продуктов и услуг <DT> Финансовый отдел
<DD> Данный отдел занимается всеми финансовыми операциями <DT> Отдел кадров
<DD> Данный отдел занимается учетом и набором новых сотрудников фирмы, распределением отпусков, отслеживанием больничных листов.
</DL>
Пример: <ol>
<li><p style="margin-top: 0; margin-bottom: 0">132123213213</p></li> <li><p style="margin-top: 0; margin-bottom: 0">2132132131</p></li> </ol><ol type="I">
<li><p style="margin-top: 0; margin-bottom: 0">132123213213</p></li> <li><p style="margin-top: 0; margin-bottom: 0">2132132131</p></li> </ol><ol type="A">
<li><p style="margin-top: 0; margin-bottom: 0">132123213213</p></li> <li><p style="margin-top: 0; margin-bottom: 0">2132132131</p></li> </ol><ul>
<li><p style="margin-top: 0; margin-bottom: 0">23213213123</p></li> <li><p style="margin-top: 0; margin-bottom: 0">123213123</p></li> </ul>
В браузере это будет выглядеть следующим образом:
55