HTML-Таблицы помогают точнее разместить тексты и изображения внутри HTML-документа.
Здесь речь пойдёт об использовании простых средств для создания красивых и оригинальных эффектов оформления.
Вы уже знаете, что атрибут BGCOLOR="..." можно использовать для всей
таблицы:
или для каждой ячейки в отдельности:
или не использовать вовсе:
Атрибут BORDER=".." может задать толщину бордюра
для всей таблицы:
Для таблицы с ячейками это будет выглядеть так:
При BORDER="0" создаётся таблица без
бордюра:
Для таблицы с ячейками это будет выглядеть так:
Таблицами, таким образом, можно "рисовать":
На самом деле - это всего лишь "расцвеченные" ячейки
таблицы:
Но без бордюра это похоже на рисунок:
Можно даже нарисовать что-то вполне узнаваемое:
Не надо забывать о таких атрибутах как:
BORDER=".." - который определяет толщину бордюра
COLSPAN=".."-
который убирает вертикальные перегородки,
ROWSPAN=".." - который
убирает горизонтальные перегородки,
BORDERCOLOR=".." - который создаёт
цвет рамки и перегородок,
CELLSPACING=".." - который создаёт разрыв
между наружной и внутренней кромками рамки,
CELLPADDING=".." - который
убирает рельефность рамки
Различное значения этих атрибутов и их сочетание могут менять внешний вид таблицы до неузнаваемости:
| BORDER="1"
CELLSPACING="0"
CELLPADDING="0"
BORDERCOLOR="#000020"
|
| BORDER="1"
CELLSPACING="10"
CELLPADDING="0"
BORDERCOLOR="#FF0000"
|
| BORDER="16"
CELLSPACING="0"
CELLPADDING="0"
BORDERCOLOR="#dd0000"
|
| BORDER="16"
CELLSPACING="0"
CELLPADDING="0"
|
При нулевых значениях всех атрибутов таблица будет невидимая.
Используя эти атрибуты в различном сочетании, можно создавать
необходимые графики:
или интересные орнаменты:
Очень часто для решения необходимой задачи нужно использовать
способ вложения таблиц одну в другую. Получается что-то похожее на русскую
матрёшку:
Можно попробовать создать и целое художественное полотно :)
Если вам удастся сотворить что-либо подобное (или лучше), пришлите мне, я
обязательно выставлю ваше произведение на моём сайте, как пример табличного искусства.
Жду ваших
писем с интересными рисунками из таблиц. В качестве награды вы можете получить
ссылку на свой сайт и восхищение от благодарных поклонников вашего таланта
:)
Кстати, не нужно забывать о такой возможности, как назначение фоновой
картинки для всей таблицы или для её отдельных ячеек. Творческих успехов!
© Очаковская
Розалия
ART-RO