Создание списков

В HTML в основном примфеняются два вида списков – нумерованные и маркированные. Первый применяется в тех случаях, когда важен порядок перечисления, второй же объединяет равноправные элементы, для которых не важно, какой из них будет первый, а какой последним.

Нумерованный список окаймляется парным тегом <OL> (ordered list -упорядоченный список). Каждый элемент списка отмечается те­гом <LI> (list item, элемент списка). Тег <LI> парный, но, как и в случае с тегом <Р>, закрывать его необязательно.

Атрибутом type тега <LI> можно задать тип нумератора. Значе­ниями этого атрибута могут быть:

• 1 — нумерация арабскими цифрами (1, 2, 3. 4, ...);

• I — римскими цифрами (I, II, III, IV, V, ...);

• i — малыми римскими цифрами (i, ii, iii, iv, v, ...);

• A — прописными латинскими буквами (А, В, С, D, E, ...);

• а — строчными латинскими буквами (а, Ь, с, d, e, ...).

По умолчанию нумерация списка начинается с единицы. Атрибу­том start можно указать, с какого номера начинается отсчёт.

Парный тег <UL> (unordered list - неупорядоченный список) созда­ёт ненумерованный список. Элементы списка отмечаются уже знако­мым нам тегом <LI>. По умолчанию ненумерованный список марки­руется жирными точками (см. рис. 1.18). Если же необходимо изме­нить вид маркера, воспользуйтесь атрибутом type, который может принимать следующие значения:

• disc — те самые жирные точки;

• circle — окружности, пустые точки (называйте, как хотите, а выглядят они так  );

• square — квадратики.

Таблицы

«Таблица состоит из строк, а строки состоят из ячеек!» Это ба­нальное утверждение необходимо запомнить крепко-накрепко, потому что только неукоснительное следование ему спасёт нас во время вёр­стки таблиц на Web-страничке.

Таблица создаётся парным тегом <TABLE>. Атрибут border ука­зывает ширину рамки таблицы в пикселях. Атрибут align устанавли­вает выравнивание самой таблицы (обратите внимание— не её содер­жимого!).

Величина таблицы автоматически подстраивается под её содержи­мое, но если необходимо установить конкретные размеры таблицы, воспользуйтесь атрибутами width (ширина) и height (высота). Ши­рину или высоту указывают в пикселях (например, width=200) или в процентах от величины окна браузера (width=70%).

Атрибут bgcolor задаёт цвет фона для всей таблицы.

Даже если ваша таблица состоит всего из одной строки, эту строку надо создать парным тегом <TR>. Атрибутом align можно задать выравнивание содержимого во всех ячейках строки, атрибут же bgcolor задаёт цвет фона.

И, наконец, ячейки, в которые и помещается вся информация, формируются тегом <TD>. У этого тега довольно много атрибутов:

• align — горизонтальное выравнивание;

• Valign— вертикальное выравнивание, может принимать зна­чения top (по верхнему краю), middle (по центру) или bottom (по нижнему краю);

• width — ширина ячейки (а также всей колонки, в которой эта ячейка находится). Задаётся в пикселях или в процентах от ши­рины таблицы;

• height -— высота ячейки (и всей строки);

• colspan — указывает количество ячеек в строке, которые не­обходимо объединить;

• rowspan— указывает количество объединяемых ячеек в ко­лонке;

• bgcolor — цвет фона ячейки.

Для управления величиной промежутка между ячейками применяется атрибут cellspacing.

Атрибут cellpadding нужен для того, чтобы текст не прижи­мался к краям ячеек, — с его помощью мы задаём величину полей внутри ячеек.