Создание таблиц.
Исходные коды некоторых таблиц.
Таблица с общим заголовком и заголовками в колонках.
<TABLE border=4 cellspacing=3>
<CAPTION> Заголовок таблицы </CAPTION>
<TR><TH bgcolor="white">Заголовок 1
<TH bgcolor="white">Заголовок 2
<TR><TD>Ячейка 1 <TD>Ячейка 2
<TR><TD>Ячейка 3 <TD>Ячейка 4
</TABLE>
Заголовок таблицы
Заголовок 1
| Заголовок 2
|
Ячейка 1
| Ячейка 2
|
Ячейка 3
| Ячейка 4 |
Таблица с общим заголовком и заголовками в колонках, и в строках.
<TABLE border=4 cellspacing=3>
<CAPTION> Заголовок таблицы </caption>
<TR><TH bgcolor="white">
<TH bgcolor="white">Заголовок 1
<TH bgcolor="white">Заголовок 2
<TR<TH bgcolor="white">Заголовок 3
<TD>Ячейка 1 <TD>Ячейка 2
<TR><TH bgcolor="white">Заголовок 4
<TD>Ячейка 3
<TD>Ячейка 4 </table>
Заголовок таблицы
| Заголовок 1
| Заголовок 2
|
Заголовок 3
| Ячейка 1
| Ячейка 2
|
Заголовок 4
| Ячейка 3
| Ячейка 4 |
Таблица с объединенными ячейками в колонках, и в строках.
<TABLE border=4 cellspacing=0 >
<CAPTION>Заголовок таблицы </caption>
<TR><TD bgcolor="white">Заголовок 1
<TD bgcolor="white">Заголовок 2
<TR><TD rowspan=3 bgcolor="white">Ячейка 1
<TD>Ячейка 2
<TR><TD>Ячейка 3
<TR><TD>Ячейка 4
<TR><TD colspan=2 bgcolor="white" align="center">Ячейка 5
</table>
Заголовок таблицы
Заголовок 1
| Заголовок 2
|
Ячейка 1
| Ячейка 2
|
Ячейка 3
|
Ячейка 4
|
Ячейка 5 |
Более сложное объединение ячеек в колонках, и в строках.
<TABLE border=4 cellspacing=0 >
<TR><TD bgcolor="white">Заголовок 1
<TD bgcolor="white">Заголовок 2
<TD bgcolor="white">Заголовок 3
<TR><TD rowspan=4 colspan=2 bgcolor="white">Ячейка 1
<TR><TD>Ячейка 2
<TR><TD>Ячейка 3
<TR><TD>Ячейка 4
<TR><TD colspan=3 bgcolor="white" align="center">Ячейка 5
</table>
Заголовок 1
| Заголовок 2
| Заголовок 3
|
Ячейка 1
|
Ячейка 2
|
Ячейка 3
|
Ячейка 4
|
Ячейка 5 |
Таблица в ячейке таблицы.
<TABLE border=4 cellspacing=0>
<TR><TD bgcolor="white">Ячейка 1
<TD> <TABLE border=2>
<TR><TD>Ячейка 2-1
<TD>Ячейка 2-2
<TR><TD>Ячейка 3-2
<TD>Ячейка 4-2
</table> <TR><TD bgcolor="white">Ячейка 3-1
<TD bgcolor="white">Ячейка 4-1
</table>
Ячейка 1
|
Ячейка 2-1
| Ячейка 2-2
|
Ячейка 3-2
| Ячейка 4-2 |
|
Ячейка 3-1
| Ячейка 4-1 |
Таблица, состоящая из одной ячейки.
<TABLE border=4 cellspacing=3 cellpadding=10>
<TR><TD bgcolor="white">Одна ячейка
</table>
Таблица размещена в центре, толщина рамки 1 пиксель, имеет синий фон,
верхний и нижний, по-разному отформатированные заголовки, с красным и
aqua фоном, таблица разбита на две неравные части, одна из них - левая
колонка имеет белый фон и текст, располагающийся по центру, а
вторая представляет собой группу из трех колонок, цвет фона не указан, поэтому
отображен общий фон таблицы с текстом, сдвинутым влево.
<TABLE bgcolor="#0000ff" border="1"
align="center" rules="all" frame="box">
<caption align="top"> Заголовок таблицы </caption>
<COL width="100" bgcolor="#ffffff" align="center">
<COLGROUP span="3" width="50">
<CAPTION align="top">CAPTION</CAPTION>
<THEAD bgcolor="#ff0000">
<TR><TD><TD><TD><TD> </THEAD>
<TFOOT bgcolor="aqua">
<TR><TD><TD><TD><TD>
</TFOOT>
<TBODY>
<TR><TD><TD><TD><TD>
<TR><TD><TD><TD><TD>
<TR><TD><TD><TD><TD>
<TR><TD><TD><TD><TD>
<TR><TD><TD><TD><TD>
</TBODY>
</TABLE>
Заголовок таблицы
.
| .
| .
| . |
.
| .
| .
| . |
.
| .
| .
| .
|
.
| .
| .
| .
|
.
| .
| .
| .
|
.
| .
| .
| .
|
.
| .
| .
| . |
Назад | Вперед
Содержание (общее) | Содержание раздела
Если Вы не нашли что искали, то рекомендую воспользоваться поиском по сайту:
|