====== Создание таблиц ======
Важным элементом для упорядочивания данных являются таблицы, если Вы посмотрите на сайты в Интернет, то увидите, что многие из них построены именно на таблицах.
Примечание: Посмотреть исходный код любой веб-страницы можно щелкнув правой кнопкой на любом свободном от ссылок и картинок месте и выбрав в всплывающем меню пункт "Просмотр HTML-кода" в Internet Explorer или "Исходный код" в Opere.
Таблицы задаются парными тегами **
** и состоит из строк, задаваемых элементом **TR** - парные теги **...
** (закрывающий тег не обязателен) и ячеек - элемент **TD**, с парными тегами **... | ** (закрывающий тег так же не обязателен).
Для таблицы имеется возможность создавать заголовок, задаваемый парными тегами **...**, который должен располагаться непосредственно за открывающим тегом ****
Пример таблицы с заголовком:
Таблица с заголовком
Пример таблицы с заголовком
1
| 11
| 111
|
2
| 22
| 222
|
{{workroom:prim8.gif|}}
----
====== Атрибуты таблиц ======
Многие параметры отображения таблицы задаются соответствующими атрибутами элемента **TABLE**, рассмотрим некоторые из них:
* **align** - задаёт положение таблицы в окне браузера
* **bgcolor** - цвет фона таблицы
* **border** - толщина внешней границы
* **bordercolor** - цвет границ таблицы
* **cellpadding** - размер пустого пространства между границами и содержимым ячейки
* **width** - ширина таблицы
* **height** - высота таблицы
* **frame** - задаёт отображаемые части внешней таблицы
Атрибуты для строк таблицы **TR**:
* **align** - задаёт горизонтальное выравнивание текста
* **valign** - задаёт вертикальное выравнивание текста
* **bgcolor** - цвет фона строки
* **bordercolor** - цвет рамки строки
Атрибуты для ячеек таблицы: Атрибуты для строк таблицы **TR**:
* **align** - задаёт горизонтальное выравнивание текста
* **valign** - задаёи вертикальное выравнивание текста
* **bgcolor** - цвет фона ячейки
* **bordercolor** - цвет рамки ячейки
Пример:
Таблица
{{workroom:prim9.gif|}}