Главная страница
Случайная страница
КАТЕГОРИИ:
АвтомобилиАстрономияБиологияГеографияДом и садДругие языкиДругоеИнформатикаИсторияКультураЛитератураЛогикаМатематикаМедицинаМеталлургияМеханикаОбразованиеОхрана трудаПедагогикаПолитикаПравоПсихологияРелигияРиторикаСоциологияСпортСтроительствоТехнологияТуризмФизикаФилософияФинансыХимияЧерчениеЭкологияЭкономикаЭлектроника
|
Рамка таблицы
Обычная рамка:
Первая
| строка
| Вторая
| строка
| Толстая рамка:
Первая
| строка
| Вторая
| строка
|
строка 1, ячейка 1
| строка 1, ячейка 2
| строка 2, ячейка 1
| строка 2, ячейка 2
|
Для тега table определены следующие атрибуты.
- align - определяет способ горизонтального выравнивания таблицы на странице.
Возможные значения: left, center, right. Значение по умолчанию - left. - valign - должен определять способ вертикального выравнивания для содержимого таблицы.
Возможные значения: top, bottom, middle. - border - определяет ширину внешней рамки таблицы (в пикселах). При BORDER=" 0" или
при отсутствии этого параметра рамка отображаться не будет. - cellpadding - определяет расстояние (в пикселах) между рамкой каждой ячейки таблицы
и содержащимся в ней материалом. - cellspacing - определяет расстояние (в пикселах) между границами соседних ячеек.
- width - определяет ширину таблицы. Ширина задается либо в пикселах, либо в процентном
отношении к ширине окна браузера. По умолчанию этот параметр определяется автоматически в зависимости от объема содержащегося в таблице материала. - height - определяет высоту таблицы. Высота задается либо в пикселах, либо в
процентном отношении к высоте окна браузера. По умолчанию этот параметр определяется автоматически в зависимости от объема содержащегося в таблице материала. - bgcolor - определяет цвет фона ячеек таблицы. Задается либо RGB-значением в
шестнадцатиричной системе, либо одним из 16 базовых цветов. - background - позволяет заполнить фон таблицы рисунком. В качестве значения
необходимо указать URL рисунка. Ячейки таблицы без содержимого в большинстве браузеров выводятся не очень хорошо. Если необходимо сделать ячейку таблицы пустой, то разместите в ней неразрывный пробел & nbsp;
Такие элементы как < thead>, < tbody> и < tfoot> используются редко в связи с тем, что не все браузеры их поддерживают.
Для тегов < td> и < th> очень полезными являются атрибуты colspan и rowspan. Первый показывает сколько ячеек надо объединить по горизонтали, а второй по вертикали. Следует заметить, что если мы применяем объединение ячеек, то общее число ячеек с учетом объединенных должно быть равным. Продемонстрируем на примере.
< html> < body> < h4> Правильное применение colspan: < /h4> < table border=" 1" > < tr> < td colspan=" 2" > 100< /td> < td> 300< /td> < /tr> < tr> < td> 400< /td> < td> 500< /td> < td> 600< /td> < /tr> < /table> < h4> Неправильное применение colspan: < /h4> < table border=" 1" > < tr> < td colspan=" 2" > 100< /td> < td> 200< /td> < td> 300< /td> < /tr> < tr> < td> 400< /td> < td> 500< /td> < td> 600< /td> < /tr> < /table> < h4> Правильное применение rowspan: < /h4> < table border=" 1" > < tr> < td rowspan=" 2" > 100< /td> < td> 200< /td> < td> 300< /td> < /tr> < tr> < td> 500< /td> < td> 600< /td> < /tr> < /table> < h4> Неправильное применение rowspan: < /h4> < table border=" 1" > < tr> < td rowspan=" 2" > 100< /td> < td> 200< /td> < td> 300< /td> < /tr> < tr> < td> 400< /td> < td> 500< /td> < td> 600< /td> < /tr> < /table> < /body> < /html>
|