Группа 43

Построение таблицы

Описание
Элемент TABLE служит контейнером для элементов, определяющих содержимое таблицы. Любая таблица состоит из строк и ячеек, которые задаются с помощью тегов TR и TD. Внутри TABLE допустимо использовать следующие элементы: CAPTION, COL, COLGROUP, TBODY, TBODY, TD, TFOOT, TH, THEAD и TR.

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

Синтаксис
<table>...</table>

Параметры
align - определяет выравнивание таблицы.
background - задает фоновый рисунок в таблице, для вставки рисунков формата GIF, JPG
bgcolor - цвет фона таблицы.
border - толщина рамки в пикселах.
bordercolor - цвет рамки.
cellpadding - отступ от рамки до содержимого ячейки.
cellspacing - расстояние между ячейками.
cols - число колонок в таблице.
height - высота таблицы.
rules - сообщает браузеру, где отображать границы между ячейками.
width - ширина таблицы.

Описание параметров тега TABLE

Параметр ALIGN

Описание: Задает выравнивание таблицы по краю окна браузера.

Синтаксис  <table align=left | center | right>...</table>

Аргументы:
left - выравнивание таблицы по левому краю;
center - выравнивание таблицы по центру;
right - выравнивание по правому краю;

Параметр BACKGROUND

Синтаксис  <table background=URL>...</table>

<table background=/images/rules.gif width=600>
Параметр BGCOLOR

Синтаксис  <table bgcolor=цвет>...</table>

<table bgcolor=#ffcc00 width=600>
Параметр BORDER

Синтаксис  <table border=толщина>...</table>

<table bordercolor=#ffcc00 cellspacing=2 border=1 cellpadding=5 width=600>
Параметр BORDERCOLOR

Синтаксис <table bordercolor=цвет>...</table>

<table bordercolor=red border=2 width=100%>
Параметр CELLPADDING

Синтаксис <table cellpadding=значение>...</table>

<table cellpadding=7 border=2 bordercolor=red width=100%>
Параметр CELLSPACING

Синтаксис <table cellspacing=значение>...</table>

<table cellspacing=5 cellpadding=10 border=1 bordercolor=red width=100%>
Параметр COLS

Синтаксис <table cols=число>...</table>

<table width=700 cellspacing=0 border=1 bordercolor=black cols=10>
Параметр HEIGHT

Синтаксис <table height=значение>...</table>

<table cellpadding=10 bgcolor=#ffcc00 align=center width=50% height=50%>
Параметр RULES

Синтаксис <table rules=значение>...</table>

Аргументы
all - граница отображается вокруг каждой ячейки.
cols - граница отображается только между колонками, определяемыми тегами COL и COLGROUP.
group - граница отображается между группами, которые задаются с помощью тегов THEAD, TFOOT, TBODY, COLGROUP или COL.
none - скрывает все границы.
rows - граница отображается между строками таблицы.

<table width=550 cellpadding=2 cellspacing=0 border=1 bordercolor=black rules=groups>
Параметр WIDTH

Синтаксис <table width=значение>...</table>

<table cellpadding=10 border=1 bordercolor=red width=80%>
ALIGN - управляет положением данных в ячейках по горизонтали. Может принимать значения left (слева), right (справа) или center (по центру). Например, ALIGN = "CENTER"

VALIGN - определяет вертикальное размещение данных в ячейках. Может принимать значения top (вверху), bottom (внизу), center (по середине). Например, VALIGN = "CENTER"

BGCOLOR - параметр, определяющий цвет фона ячейки. Например, BGCOLOR = "RED".

NOWRAP - данный параметр говорит о том, что данные в ячейке не могут логически разбиваться на несколько строк и должны быть представлены одной строкой.

COLSPAN - указывает, какое количество ячеек будет объединено по горизонтали для указанной ячейки. По умолчанию - 1.

ROWSPAN - указывает, какое количество ячеек будет объединено по вертикали для указанной ячейки. По умолчанию - 1.