Применение пустых ячеек
Если ячейка не содержит данных, она не будет иметь границ. Если требуется, чтобы у ячейки были границы, но не было содержимого, необходимо поместить в нее что-то, что не будет видно при просмотре. Можно воспользоваться пустой строкой <ВR> или пробелом ( ).
Использование заголовков таблицы — тег <САРТIОN>
Тег <CAPTION> позволяет создавать заголовки таблицы. По умолчанию заголовки центрируются и размещаются либо над (<САРТION аlign=top>), либо под таблицей (<САРТION align=bottom>).
Пример 1. Обычная таблица без атрибутов
<TABLE>
<TR>
<TD>(1,1)</TD>
<TD>(1,2)</TD>
</TR>
<TR>
<TD>(2,1)</TD>
<TD>(2,2)</TD>
</TR>
<TR>
<TD>(3,1)</TD>
<TD>(3,2)</TD>
</TR>
</TABLE>
вернуться
Пример 2. Таблица заданной ширины, выровненная по центру
<TABLE align=center width=40%>
<TR>
<TD>(1,1)</TD>
<TD>(1,2)</TD>
</TR>
<TR>
<TD>(2,1)</TD>
<TD>(2,2)</TD>
</TR>
<TR>
<TD>(3,1)</TD>
<TD>(3,2)</TD>
</TR>
</TABLE>
вернуться
Пример 3. Таблица с границами
<TABLE border=5 cellpadding=7 cellspacing=10>
<TR>
<TD>(1,1)</TD>
<TD>(1,2)</TD>
</TR>
<TR>
<TD>(2,1)</TD>
<TD>(2,2)</TD>
</TR>
<TR>
<TD>(3,1)</TD>
<TD>(3,2)</TD>
</TR>
</TABLE>
вернуться
Пример 4. Цветная таблица
<TABLE bgcolor=green border=5 bordercolor=blue>
<TR>
<TD>(1,1)</TD>
<TD>(1,2)</TD>
</TR>
<TR>
<TD>(2,1)</TD>
<TD>(2,2)</TD>
</TR>
<TR>
<TD>(3,1)</TD>
<TD>(3,2)</TD>
</TR>
</TABLE>
вернуться
Пример 5. Таблица с объемной рамкой
<TABLE border=5 bordercolordark=aqua bordercolorlight=pink>
<TR>
<TD>(1,1)</TD>
<TD>(1,2)</TD>
</TR>
<TR>
<TD>(2,1)</TD>
<TD>(2,2)</TD>
</TR>
<TR>
<TD>(3,1)</TD>
<TD>(3,2)</TD>
</TR>
</TABLE>
вернуться
Пример 6. Таблица с параметрами для рамки
<TABLE border=5 bordercolordark=aqua bordercolorlight=pink frame=above>
<TR>
<TD>(1,1)</TD>
<TD>(1,2)</TD>
</TR>
<TR>
<TD>(2,1)</TD>
<TD>(2,2)</TD>
</TR>
<TR>
<TD>(3,1)</TD>
<TD>(3,2)</TD>
</TR>
</TABLE>
вернуться
Пример 7. Таблица с параметрами для границ внутри таблицы
<TABLE border=5 bordercolordark=aqua bordercolorlight=pink rules=cols>
<TR>
<TD>(1,1)</TD>
<TD>(1,2)</TD>
</TR>
<TR>
<TD>(2,1)</TD>
<TD>(2,2)</TD>
</TR>
<TR>
<TD>(3,1)</TD>
<TD>(3,2)</TD>
</TR>
</TABLE>
вернуться
Пример 8. Изменение строки
<TABLE border=15 align=center width=40%>
<CAPTION аlign=top> Таблица с параметрами для строк</CAPTION>
<TR align=center bgcolor=orange>
<TD>выравнивание по центру</TD>
<TD>свой фон для строки</TD>
</TR>
<TR bordercolor=olive align=right>
<TD>выравнивание ячеек строки</TD>
<TD>по правому краю</TD>
</TR>
<TR bordercolordark=aqua bordercolorlight=pink>
<TD>двухцветные</TD>
<TD>границы</TD>
</TR>
</TABLE>
вернуться
Пример 9. Ячейки-заголовки
<TABLE align=center width=60% border=5>
<CAPTION align=bottom> Таблица с заголовками </CAPTION>
<TR>
<TH>Это ячейка заголовок</TH>
<TH>Это тоже ячейка-заголовок</TH>
</TR>
<TR>
<TD>Обычная ячейка</TD>
<TD>Обычная ячейка</TD>
</TR>
<TR>
<TD>Обычная ячейка</TD>
<TD>Обычная ячейка</TD>
</TR>
</TABLE>
вернуться
Пример 10. Объединение ячеек
<TABLE border=4 cellspacing=3 bgcolor=aqua>
<CAPTION>Таблица с объединенными ячейками в строке </CAPTION>
<TR>
<TD colspan=4>Ячейка занимает 4 столбца в своей строке</TH>
</TR>
<TR>
<TD>Обычная ячейка</TD> <TD>Обычная ячейка</TD>
<TD>Обычная ячейка</TD> <TD>Обычная ячейка</TD>
</TR>
<TR>
<TD>Обычная ячейка</TD> <TD>Обычная ячейка</TD>
<TD>Обычная ячейка</TD> <TD>Обычная ячейка</TD>
</TR>
</TABLE>
вернуться
Пример 11. Объединение столбцов
<TABLE border=4 bgcolor=aqua>
<CAPTION>Таблица с объединенными ячейками в столбце</CAPTION>
<TR>
<TD rowspan=3> Ячейка занимает 3 строки в своем столбце </TD> <TD> 1 </TD> <TD>2</TD>
</TR>
<TR> <TD>3</TD> <TD>4</TD> </TR>
<TR> <TD>5</TD> <TD>6</TD> </TR>
<TR>
<TD>Обычная ячейка</TD> <TD>Обычная ячейка</TD> <TD>Обычная ячейка</TD>
</TR>
<TR>
<TD>Обычная ячейка</TD> <TD>Обычная ячейка</TD> <TD>Обычная ячейка</TD>
</TR>
</TABLE>
вернуться
Пример 12. Объединение ячеек
<TABLE border=4 cellspacing=3 bgcolor=aqua>
<CAPTION>Таблица с объединенными ячейками </CAPTION>
<TR>
<TH rowspan=2> </TH>
<TH colspan=2>Заголовок 1</TH>
</TR>
<TR> <TH>Заголовок 1.1</TH> <TH>Заголовок 1.2</TH> </TR>
<TR>
<TH>Заголовок 2</TH> <TD>Ячейка 1</TH> <TD>Ячейка 2</TD>
</TR>
<TR>
<TH>Заголовок 3</TH> <TD>Ячейка 3</TD> <TD>Ячейка 4</TD>
</TR>
</TABLE>
вернуться