Основы Web-инжиниринга. Часть 1. Громов Ю.Ю - 29 стр.

UptoLike

ВУЗ: 

ТГТУ | Тамбов

Составители: 

Рубрика: 

Каждая ячейка таблицы начинается с тега <TD> и заканчивается тегом </TD>. Тег <TD> может включать следующие
атрибуты:
• NOWRAP – запрещает перенос строк.
• COLSPAN – устанавливает протяженность ячейки по горизонтали. Например, COLSPAN=3 означает, что ячейка про-
стирается на три колонки.
• ROWSPAN – устанавливает протяженность ячейки по вертикали. Например, ROWSPAN=2 означает, что ячейка за-
нимает две строки.
• BORDERCOLOR – задает цвет рамки ячейки.
• BORDERCOLORDARK – задает цвет "затененной" части рамки.
• BORDERCOLORLIGHT – задает цвет "светлой" части рамки.
Желаемая высота и шиpина ячейки указываются с помощью паpаметpов, аналогичных паpаметpам для таблицы:
WIDTH=число | WIDTH=пpоцент%
HEIGTH=число | HEIGTH=пpоцент%
Аналогично цвету фона и фоновому pисунку для стpаницы в целом можно задать их для ячейки таблицы. Паpаметpы те
же.
Если ячейка таблицы пуста, вокруг нее не рисуется рамка. Если ячейка пуста, а рамка нужна, в ячейку можно ввести
символьный объект &nbsp; (non-breaking space – неразрывающий пробел). Ячейка по-прежнему будет пустой, а рамка вокруг
нее будет. Для лучшего форматирования таблицы все же полезно создать рисунок с прозрачным фоном самого маленького
размера, а затем вставлять в те ячейки, что должны быть пустыми, указывая нужные размеры.
Следует отметить, что любая ячейка таблицы может содержать в себе другую таблицу.
Рассмотрим несколько примеров построения таблиц.
Пример 1. Таблица 3 × 2
A B C
D E F
<TABLE BORDER=2>
<TR>
<TD>A</TD> <TD>B</TD> <TD>C</TD>
</TR>
<TR>
<TD>D</TD> <TD>E</TD> <TD>F</TD>
</TR>
</TABLE>
Пример 2. Объединение вертикальных ячеек
Item 1 Item 3
Item 4
Item 2
Item 5
<TABLE BORDER>
<TR>
<TD>Item 1</TD>
<TD ROWSPAN=2>Item 2</TD>
<TD>Item 3</TD>
</TR>
<TR>
<TD>Item 4</TD> <TD>Item 5</TD>
</TR>
</TABLE>
Пример 3. Объединение горизонтальных ячеек
Item 1 Item 2
Item 3 Item 4 Item 5
<TABLE BORDER>
<TR>
<TD>Item 1</TD>
<TD COLSPAN=2>Item 2</TD>
</TR>
<TR>
<TD>Item 3</TD> <TD>Item 4</TD> <TD>Item 5</TD>
</TR>
</TABLE>
Пример 4. Сложная таблица
Возраст
Рост Вес
Мужчины
1.9 84
Пол
Женщины
1.7 63

Страницы