Упорядоченный список

1. Понедельник

2. Вторник

3. Среда

4. Четверг

5. Пятница

По умолчанию неупорядоченные списки помечаются маркерами в виде чёрных кружков, а упорядоченные списки нумеруются арабскими цифрами.

Другой способ пометки списков задает атрибут type ="значение"стартовоготега <UL> или <OL>. Неупорядоченный список помечается:

· чёрным кружком (type ="disc" –по умолчанию);

· квадратиком (type ="square");

· белым кружком (type ="circle").

В качестве «значения» для упорядоченного списка можно задать вид нумерации:

· A - латинскими заглавными буквами;

· a - латинскими строчными буквами;

· I - большими римскими цифрами;

· i - малыми римскими цифрами;

· 1 – арабскими цифрами.

Для упорядоченного списка в стартовомтеге <OL> можно использовать ещё и атрибут start =«значение», если нумерация списка должна начаться не с первого номера. Например, для вывода на экран упорядоченного списка с нумерацией латинскими заглавными буквами, начиная с девятой буквы алфавита, список оформляется в html-документе в виде:

<OL type="A" start=9>

<LI>один</LI>

<LI>два</LI>

<LI>три</LI>

<LI>четыре</LI>

</OL>

и представляется на экране пользователя следующим образом:

I. Один

J. Два

K. Три

L. Четыре

Используя комбинацию тегов <OL> и <UL> можно создать более сложный список, в котором упорядоченные списки находятся внутри пунктов неупорядоченного списка или наоборот упорядоченный список будет содержать подпункты из неупорядоченных элементов. Например, запись в html-документе вида

<UL>

<LI>ПН</LI>

<OL>

<LI>мат анализ</LI>

<LI>алгебра</LI>

<LI>информатика</LI>

</OL>

<LI>ВТ</LI>

<OL>

<LI>геометрия</LI>

<LI>английский язык</LI>

<LI>философия</LI>

</OL>

</UL>

представляет на экране расписание занятий на два дня:

· ПН

1. мат анализ

2. алгебра

3. информатика

· ВТ

1. геометрия

2. английский язык

3. философия

В html-документе можно также оформить список описаний (description list) чаще всего используемый для определения терминов. Начало и конец такого списка задаются тегами <DL> и </DL>, каждый термин заключается в теги <DT> </DT>, а описание термина – в теги <DD> </DD>. Например, запись в html-документе вида

<DL>

<DT>LAN(Local Area Network)</DT>

<DD>локальная сеть</DD>

<DT> WAN(Wide Area Network) </DT>

<DD>глобальная сеть</DD>

<DT>WWW(World Wide Web)</DT>

<DD>«всемирная паутина»</DD>

</DL>

дает на экране следующее представление

LAN(Local Area Network)

Локальная сеть

WAN(Wide Area Network)

Глобальная сеть

WWW(World Wide Web)

«всемирная паутина»

Можно создавать списки, где в качестве нумерации используется рисунок. Пусть рисунок создан на диске С: в каталоге images и имеет имя blueball.gif. Список, использующий этот рисунок в качестве нумерации, в html-документе будет представлен в виде:

<P><IMG src="c:\images\blueball.gif" align="bottom"> list1</P>

<P><IMG src="c:\images\blueball.gif" align="bottom"> list2</P>

<P><IMG src="c:\images\blueball.gif" align="bottom"> list3</P>

а на экране увидим

list1

list2

list3

Таблицы

Для представления данных, имеющих структуру таблицы, используются следующие теги:

· <TABLE> < /TABLE> стартовый и конечный теги, обрамляющие всю таблицу:

· <CAPTION> </CAPTION> необязательные теги, задающие заголовок таблицы;

· <TR> (table row) указывают начало строк таблицы;

· <TH> (table header) указывают заголовки строк и столбцов таблицы (используется полужирный шрифт);

· <TD> (table data) указывают данные в ячейке таблицы.

Для тегов <TR>, <TH> и <TD> конечные теги можно не писать, т.к. там, где стоит следующий стартовый тег, заканчивается предыдущий тег.

Не нашли, что искали? Воспользуйтесь поиском: