Построение таблицы
Описание
Элемент 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.