Создание списков
В 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 нужен для того, чтобы текст не прижимался к краям ячеек, — с его помощью мы задаём величину полей внутри ячеек.