Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Таблицы и списки в документах HTML.doc
Скачиваний:
7
Добавлен:
01.04.2025
Размер:
69.63 Кб
Скачать

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>

5. Описание вложенных списков

Вложенные списки определяются путём включения тегов <OL> или <UL> друг в друга. При этом вложенный список является элементом списка, в который он вложен. Следующий пример демонстрирует описание списка, показанного в п. 2.

<OL TYPE=I>

<LI>Элемент первого уровня</LI>

<OL>

<LI>Элемент второго уровня</LI>

<OL TYPE=a>

<LI>Элемент третьего уровня</LI>

<UL TYPE=disc>

<LI>Элемент четвертого уровня</LI>

<LI>Еще один элемент четвертого уровня</LI>

</UL>

<LI>Следующий элемент третьего уровня</LI>

<LI>…</LI>

</OL>

<LI>и т. д.</LI>

</OL>

<LI>И т. п.</LI>

</OL>

Здесь элемент … означает многоточие.

6. Таблицы в html

Таблицы являются, пожалуй, самым мощным и сложным средством форматирования HTML документов. С помощью таблиц можно располагать изображения и текст относительно друг друга нужным образом, создавать многоколоночные тексты и даже несложные графические изображения.

Любая таблица состоит из строк и колонок (столбцов). Пересечение строки и столбца образует ячейку. Смежные ячейки могут быть объединены так, что образуется ячейка, занимающая несколько строк в высоту или несколько столбцов в ширину.

Таблицу, состоящую из одной ячейки, можно использовать для выделения текста рамкой. Для описания таблиц используется парный тег <TABLE>…</TABLE>. Внутри этого тега можно использовать любое количество тегов <TABLE>. Таким образом можно создавать вложенные таблицы.

Тег <TABLE> в спецификации HTML имеет множество атрибутов. Основные, наиболее часто употребляемые атрибуты будут показаны ниже. В устройстве таблицы легче всего разобраться на простом примере.

<HTML>

<HEAD>

<TITLE>Пример таблицы</TITLE>

</HEAD>

<BODY>

<H1>Простейшая таблица </H1>

<TABLE BORDER=1> <!--Начало таблицы-->

<CAPTION> <!--Заголовок таблицы-->

У таблицы может быть заголовок

</CAPTION>

<TR> <!--Начало первой строки-->

<TD> <!--Начало первой ячейки-->

Первая строка, первая колонка

</TD> <!--Конец первой ячейки-->

<TD> <!--Начало второй ячейки-->

Первая строка, вторая колонка

</TD> <!--Конец второй ячейки-->

</TR> <!--Конец первой строки-->

<TR> <!--Начало второй строки-->

<TD> <!--Начало первой ячейки-->

Вторая строка, первая колонка

</TD> <!--Конец первой ячейки-->

<TD> <!--Начало второй ячейки-->

Вторая строка, вторая колонка

</TD> <!--Конец второй ячейки-->

</TR> <!--Конец второй строки-->

</TABLE> <!--Конец таблицы-->

</BODY>

</HTML>