Атрибуты таблиц.

Форматирование текста с помощью таблиц. Использование бегущей строки

Таблицы.

При построении страниц используют систему контейнеров. Контейнеры позволяют работать с информацией с минимальными ошибками и максимальным удобством для разработчика и читателя страницы. При контейнерном оформлении страницы случайные ошибки, новый текст, различные объекты легко доступны и необходимые изменения затрагивают только контейнер не затрагивая весь остальной текст страницы.

Контейнеров в настоящее время множество это.DIV, LAER, FRAME, IFRAME, DL, MAP, списки. Информация внутри этих тегов реагирует на форматирование и выравнивание присущее только используемым тегам и не реагирует на внешнее форматирование. Внешнее воздействие минимально. Поэтому считают что свободное размещение информации менее корректно чем в контейнере.

Таблица, подобно спискам, тоже является контейнером. Для начала необходимо объявить ее тегом <TABLE>. Сама таблица строится построчно и объявляется отдельно каждая ячейка. Тег <TR> объявляет строку, <TD> - ячейку, <TH> - обозначает заголовки столбцов.

Пример 1

<html>

<head>

<title> Таблица </title>

</head>

<body>

<tr> <th> цвет </th> <th> объект </th> </tr>

<tr> <td> красный </td> <td> клубника </td> </tr>

<tr> <td> оранжевый </td> <td> апельсин </td> </tr>

<tr> <td> зеленый </td> <td> трава </td> </tr>

</table>

</body>

</html>

Атрибуты таблиц.

Атрибут BORDER устанавливает ширину рамки в пикселях. (0 – отсутствие рамки).

Атрибут Cellpadding – задает в таблице расстояние между рамкой и текстом.

Атрибут Cellspacing – задает расстояние между ячейками. Если в ячейки таблицы вставлены части картинки, то чтобы картинка не разбивалась на ячейки, два последних атрибута должны быть обнулены.

В таблице данные форматируются атрибутом Align, который, в зависимости от того, с каким тегом используется, форматирует либо таблицу целиком с тегом <Table>, либо строку целиком с тегом <TR>, либо работает с конкретной ячейкой с тегом <TD>.

LEFT, RIGHT, CENTER – выравнивают информацию. По умолчанию – LEFT для текста и CENTER для заголовков.

Атрибут VALIGN может принимать значения Top, Bottom, Middle, Baseline, по умолчанию Middle. Он регулирует положение данных относительно верхней и нижней границ ячеек.

Заголовок таблицы форматируется тегом <CAPTION> и атрибутом Align, который принимает значения Top, Middle, Bottom.

WIDTH (ширина) и HEIGHT (высота) задаются либо жестко в пикселях, либо в процентах от размера изображения.

BGCOLOR – задает цвет. В <TR> - строки, в <TD> - ячейки, в <TABLE> - всей таблицы.

BORDER COLOR – задает цвет рамок в Internet Explorer.

BASELINE – осуществляет выравнивание всех ячеек в строке или в таблице по базовой линии.

В ячейках используется NOWRAP=”YES/NO” – переносить или запретить перенос в одной ячейке слова по строке. По умолчанию – NO.

COLSPAN – объединяет количество колонок.

ROWSPAN – объединяет количество строк.

Создание более сложных таблиц возможно через объединение нескольких строк или столбцов. Перед началом работы целесообразно нарисовать схему будущей таблицы.

Пример 2