Веб-страницы
5. Таблицы
Таблица в 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 можно разместить заголовок под таблицей.
Cтандарт HTML не позволяет ставить одной таблице несколько заголовков.