Благодаря большому количеству свойств ячеек, можно изменять вид и оформление таблиц.
В табл. 1 приведены параметры, которые могут быть добавлены к тегам <TR>, <TH> и <TD>.
Свойство | Значение | Описание | Пример |
---|---|---|---|
align | left right center |
Выравнивание содержимого ячейки. | <td align="center"> |
background | URL | Устанавливает фоновый рисунок в ячейке. | <td background="pic.gif"> |
bgcolor |
#rrggbb | Цвет фона ячейки. | <td bgcolor="#ff9900"> |
valign |
top midlle bottom |
Выравнивание содержимого ячейки по высоте. | <td valign="top"> |
width | n n% |
Минимальная ширина ячейки, можно задавать в пикселах или процентах. | <td width="90%"> |
height | n n% |
Минимальная высота ячейки, можно задавать в пикселах или процентах. | <td height="37"> |
Использование некоторых параметров продемонстрировано в примере 1.
Пример 1. Изменение вида ячеек
Результат применения примера представлен ниже.
Рис. 1. Таблица, оформленная с помощью параметра bgcolor
Параметры, используемые только для тегов <TH> и <TD>, приведены в табл. 2.
Свойство | Значение | Описание | Пример |
---|---|---|---|
nowrap | Запрещает переносы строк в контенте | <td nowrap> | |
colspan | n | Количество объединяемых колонок | <td colspan="3"> |
rowspan | n | Количество объединяемых строк | <td rowspan="3"> |
Примечание
В примере 2 показано объединение ячеек по горизонтали и вертикали с помощью использования параметров colspan и rowspan.
Пример 2. Использование параметров ячеек
Результат данного примера показан на рис. 2.
Рис. 2. Объединение ячеек по вертикали и горизонтали
Copyright © 2009-2022 | По всем вопросам: donmobi@mail.ru
О нашем Internet проекте | Наши планы | Контент нашего сайта | Есть ошибки... | Технологии | Поддержать проект