|
Таблицы
Изучив все предыдущие темы вы возможно заметили, что средств для форматирования (разметки) документов явно не хватает. В следствии этого HTML дизайнеры прибегают к собственным хитрым приёмам.
Например при помощи таблиц можно значительно расширить свои возможности, но не надо забывать и о их прямом назначении.
Таблицы задаются при помощи парного тега < ТABLE > , а между открывающим и закрывающим тегами таблицы находятся внутренние элементы, описывающие её содержание. Элементы я расположу в таблице-примере:
| Элемент таблицы | Его свойства |
|---|---|
| Тег < CAPTION > | Парный, задаёт заголовок таблицы, пишется сразу после тега < TABLE >. Не обязателен |
| Тег < TR > | Парный тег, но не требующий закрытия. Задаёт новую строку таблицы. |
| Тег < TH > | Тег задающий ячейку таблицы (ячейку-заголовок). Его можно располагать только внутри (на области действия) тега < TR > |
| Тег < TD > | Тег аналогичный < TH >, но задающий обычную ячейку, не заголовок. использовать внутри тега < TR > |
Самая простая таблица содержит одну строку и одну ячейку пример:
<TABLE BORDER="1"> <TR> <TD> Содержание ячейки </TABLE>
Содержание ячейки может быть любым, вплоть до графической гиперссылки.
Можно так же отрегулировать внешний вид таблицы, при помощи атрибутов тегов таблицы.
| Атрибуты для тега: | Атрибуты | Значения | Свойства атрибутов |
|---|---|---|---|
| < TABLE > | ALIGN | LEFT, RIGHT, CENTER | Выравнивание самой таблицы, |
| WIDTH | число, в % от ширины окна браузера, или ширина в пикселах | Ширина таблицы. | |
| BORDER | любое число | толщина наружных линий-границ | |
| CELLPADDING | значение в пикселах | Ширина полей, которые отделяют содержимое ячейки от её границ | |
| BGCOLOR | Название цвета, или его код в шестнадцатеричной системе счисления | Фоновый цвет всех ячеек таблицы. | |
| BACKGROUND | Путь к файлу-рисунку | Можно задать фоновый рисунок для ячеек таблицы. | |
| < Caption > | ALIGN | TOP-заголовок будет размещён над таблицей, BOTTOM-заголовок размещён под таблицей | Размещение заголовка. |
| < TR > | BGCOLOR | значение цвета или шестнадцатеричный код | фон ячеек в пределах строки |
| ALIGN | LEFT,RIGHT,CENTER | выравнивание текста, по горизонтали | |
| VALIGN | TOP-В верхней части MIDDLE-Посредине BOTTOM-с низу | Выравнивание текста по вертикали | |
| < TH > и < TD > | BGCOLOR | Название цвета, или его код в шестнадцатеричной системе счисления | Фоновый цвет отдельной ячейки |
| ALIGN | LEFT,RIGHT,CENTER | выравнивание текста, по горизонтали в пределах одной ячейки | |
| VALIGN | TOP-В верхней части MIDDLE-Посредине BOTTOM-с низу | Выравнивание текста по вертикали, в пределах одной ячейки | |
| WIDTH | значение в пикселах | Ширина ячейки | |
| HEIGHT | значение в пикселах | Высота ячейки | |
| ROWSPAN | Числовое значение, на сколько строк простирается ячейка | Создание увеличенных ячеек (так в данной таблице созданы объединяющие ячейки) | |
| COLSPAN | Числовое значение, на сколько столбцов простирается ячейка | Создание увеличенных ячеек. |
Ну вот теперь осталось совсем немного, изучить способы разбиения окна на части, нет не так, кирпич лучше положить, а ещё лучше из него что ни будь построить
Часть №6
Хостинг от uCoz