Теория:
Сама таблица в HTML создаётся тегами < TABLE> и < /TABLE>, строки таблицы (помещаются между тегами < TABLE> и < /TABLE>) тегами < TR> и < /TR>, а столбцы таблицы (помещаются между тегами < TR> и < /TR>) тегами < TD> и < /TD>.
Пример:
Создадим таблицу, состоящую из одной строки и двух столбцов. HTML-код будет выглядеть так:
<table> — начало таблицы
<tr> — начало строки
<td>Первая ячейка< /td> — первый столбец
<td>Вторая ячейка< /td> — второй столбец
</tr> — конец строки
</table> — конец таблицы
<table> — начало таблицы
<tr> — начало строки
<td>Первая ячейка< /td> — первый столбец
<td>Вторая ячейка< /td> — второй столбец
</tr> — конец строки
</table> — конец таблицы
По-умолчанию, таблица в браузерах представляется без рамки. Чтобы рамка таблицы была видна, используется атрибут «border»:
<table border="1">
<tr>
<td>Первая ячейка< /td>
<td>Вторая ячейка< /td>
</tr>
</table>
<tr>
<td>Первая ячейка< /td>
<td>Вторая ячейка< /td>
</tr>
</table>
Форматирование таблиц
- align — выравнивание содержимого ячейки по горизонтали; возможные значения: left (по умолчанию), right, center и char.
- bgcolor — фоновый цвет.
- border — толщина разделительной линии (значение указывается в пикселях). По умолчанию значение \(0\).
- cellpadding — расстояние между разделительной линий и содержимым ячейки (значение указывается в пикселях). По умолчанию значение \(0\). Применяется с тегами <td> и <tr>.
- cellspacing — расстояние между ячейками (значение указывается в пикселях). По умолчанию значение \(0\). Применяется с тегами <td> и <tr>.
- colspan — количество столбцов, которое должна занимать текущая ячейка. По умолчанию значение \(1\). Применяется с тегами <td> и <tr>.
- rowspan — количество строк, которое должна занимать текущая ячейка. По умолчанию значение \(1\). Применяется с тегами <td> и <tr>.
- rules — применяется для отображения линеек между ячейками; возможные значения: rows, cols и all. Применяется с тегом <table>.
- valign — выравнивание содержимого ячейки по вертикали; возможные значения: top, bottom и baseline. По умолчанию значение center. Применяется с тегами <td>, <th> и <tr>.
- width — ширина таблицы или ячейки (значение указывается в пикселях или в процентном выражении относительно ширины страницы).
Для создания заголовка таблицы служит тэг <CAPTION>. По умолчанию браузер располагает заголовок таблицы по центру над ней. При помощи атрибута ALIGN со значением bottom можно разместить заголовок под таблицей. Следует сказать, что стандарт HTML не позволяет ставить одной таблице несколько заголовков.