Таблицы

Таблицы являются стандартом HTML, мощным дополнением к его основам. В первом приближении таблица Web-страницы - это сетка для показа данных в строках и столбцах. Однако таблицы можно применять как средство обхода ограничений HTML. Например, в HTML нельзя точно разместить элементы по горизонтали, но, используя таблицы, можно добавлять столбцы для перемещения элементов.
Создание таблиц вручную - одна из наиболее сложных задач в HTML. Сначала вы формируете таблицу, потом первую строку, а затем каждую ячейку с ее содержимым. Каждый элемент требует открывающего и закрывающего тегов разметки документа. Если вы забыли один-единственный тег, то Baшy страницу никто не сможет прочитать (лучше всего сразу проверять готовую таблицу в программе просмотра Netscape Navigator). Некоторые редакторы умеют создавать таблицу командами меню и способны изменить размер ячейки, ее ширину, размер края и выравнивание содержимого с помощью диалоговой панели свойств.

1.Теги формирования таблицы

Таблица вставляется в HTML-документ парными тегами <ТАВLЕ> и </TABLE>.
Параметры тега <TALBE>:

BORDER - ширина обрамления или границы;
WIDTH - ширина таблицы;
BGCOLOR - цвет фона под таблицей;
cellpadding - обозначает расстояние от границы таблицы до текста или изображения: <table cellpaddlng="20">…</table>;
сеllspacing - расстояние между ячейками таблицы: <table cellspacing="20">…</table>.

Между тегами могут располагаться следующие элементы:

<CAPTION>Название таблицы</САРТION>.
У тега CAPTION один параметр, определяющий положение названия таблицы - ALIGN. Он может принимать два значения:
- ALIGN=top - над таблицей;
- ALIGN=bottom - под таблицей.
<ТR>Строка таблицы</TR>.
У этого тега три параметра:
- ALIGN - выравнивание внутри строки, имеет значения:
  - LEFT (по левому краю);
  - RIGHT (по правому краю);
  - CENTER (по центру).
- VALIGN - вертикальное выравнивание внутри строки таблицы:
  - ТОР (верх);
  - BOTTOM (низ);
  - MIDDLE (центр).
- BGCOLOR - цвет фона внутри строки.
<TD>Столбец таблицы</TD>.
Тег столбца таблицы может иметь следующие параметры:
- ALIGN - выравнивание, значения LEFT, RIGHT, CENTER;
- VALIGN - вертикальное выравнивание:
  - ТОР (верх);
  - BOTTOM (низ);
  - MIDDLE (центр).
- COLSPAN, ROWSPAN - растягивание клетки на несколько столбцов, строк.
  Параметр COLSPAN сообщает программе просмотра, что нужно раздвинуть клетку таблицы на несколько столбцов. Например, чтобы программа просмотра поняла, что вы хотите объединить ячейки двух столбцов, напишите COLSPAN=2. Параметр ROWSPAN=2 растягивает клетку таблицы на две строки.
- BGCOLOR - цвет фона под столбцом.

Чтобы назвать столбцы и строки, воспользуемся тегом: <ТН>Заголовок</ТН>.
Он может иметь следующие параметры:

ALIGN - выравнивание;
VALIGN - вертикальное выравнивание;
COLSPAN, ROWSPAN - растягивание клетки на несколько столбцов, строк;
WIDTH - ширина названия;
BGCOLOR - цвет фона под названием.

2.Обрамление таблицы

     Параметр BORDER тега <TABLE> устанавливает ширину обрамления (рамки или границы таблицы) и может принимать любое значение от 0 до 10. Ширина обрамления, равная 0, обозначает его отсутствие.
     Когда вы создаете таблицу, то ширина столбца оказывается paвна самому широкому элементу этого столбца. Нo, если вы хотите установить для него точную ширину, равную половине всей таблицы, понадобится параметр WIDTH.
Самое большое преимущество таблиц HTML - возможность их использования для форматирования текста. Предположим, что вам необходимо выровнять текст по левой границе и отодвинуть от края. Для этого можно использовать теги таблицы, не указывая строки (ячейки), но давая невидимое обрамление (NOBORDER) или значение BORDER=0.
     Заметим, что если вы не хотите, чтобы какой-либо текст (комментарий) был показан на экране, используйте теги <!-… ->: <!- Пособие по html ->
     ◊ Броузер Microsoft Internet Explorer совсем недавно научился корректно показывать таблицы, а программа Netscape Navigator ранних версий сбрасывает установки шрифта и текста для таблицы.

Реклама