|
Объединение ячеек таблиц
Построение и заполнение таблиц мы уже рассмотрели.
См. «Построение таблицы»
Теперь мы рассмотрим два вопроса: «Объединение ячеек таблиц по строкам» и
«Объединение ячеек таблиц по столбцам».
Объединение ячеек таблиц по строкам
Объединение ячеек происходит при применении атрибута Rowspan.
Определение. Атрибут Rowspan предназнчен для объединения
смежных вертикальных ячеек.
Rowspan="Параметр"
где:
 1. Rowspan - атрибут;
2. Параметр - это числовое значение
от 2-х, но не более общего количества строк таблицы.
Пример: 2-е строки - 2-а столбца.
<![CDATA[<TABLE border="1">
<TR>
<TD WIDTH="100" Rowspan="2">
</TD>
<TD WIDTH="200">
</TD>
</TR>
<TR>
<TD WIDTH="100">
</TD>
<TD WIDTH="200">
</TD>
</TR>
</TABLE>]]>
Результат объединения ячеек:
Пояснение. Левый столбец из второй строки нужно удалить.
Окончательно пример будет выглядеть так:
<![CDATA[<TABLE border="1">
<TR>
<TD WIDTH="100" Rowspan="2">
</TD>
<TD WIDTH="200">
</TD>
</TR>
<TR>
<TD WIDTH="200">
</TD>
</TR>
</TABLE>]]>
Окончательный результат:
|
Пример: 3-и строки - 2-а столбца.
<![CDATA[<TABLE border="1">
<TR>
<TD WIDTH="100" Rowspan="3">
</TD>
<TD WIDTH="200">
</TD>
</TR>
<TR>
<TD WIDTH="100">
</TD>
<TD WIDTH="200">
</TD>
</TR>
<TR>
<TD WIDTH="100">
</TD>
<TD WIDTH="200">
</TD>
</TR>
</TABLE>]]>
Результат объединения ячеек:
Пояснение. Левый столбец из второй и третьей строки нужно удалить.
Окончательно пример будет выглядеть так:
<![CDATA[<TABLE border="1">
<TR>
<TD WIDTH="100" Rowspan="3">
</TD>
<TD WIDTH="200">
</TD>
</TR>
<TR>
<TD WIDTH="200">
</TD>
</TR>
<TR>
<TD WIDTH="200">
</TD>
</TR>
</TABLE>]]>
Окончательный результат:
|
Объединение ячеек таблиц по столбцам
Объединение ячеек происходит при применении атрибута colspan.
Определение. Атрибут Colspan предназнчен для объединения
смежных горизонтальных ячеек.
Colspan="Параметр"
где:
1. Colspan - атрибут;
2. Параметр - это числовое значение
от 2-х, но не более общего количества столбцов таблицы.
Пример: 2-е строки - 2-а столбца.
<![CDATA[<TABLE border="1">
<TR>
<TD WIDTH="100" Colspan="2">
</TD>
<TD WIDTH="200">
</TD>
</TR>
<TR>
<TD WIDTH="100">
</TD>
<TD WIDTH="200">
</TD>
</TR>
</TABLE>]]>
Результат объединения ячеек:
Пояснение. Правый столбец из первой строки нужно удалить.
Окончательно пример будет выглядеть так:
<![CDATA[<TABLE border="1">
<TR>
<TD WIDTH="100" Colspan="2">
</TD>
</TR>
<TR>
<TD WIDTH="100">
</TD>
<TD WIDTH="200">
</TD>
</TR>
</TABLE>]]>
Окончательный результат:
|
Пример: 2-е строки - 3-а столбца.
<![CDATA[<TABLE border="1">
<TR>
<TD WIDTH="100" Colspan="3">
</TD>
<TD WIDTH="100">
</TD>
<TD WIDTH="200">
</TD>
</TR>
<TR>
<TD WIDTH="100">
</TD>
<TD WIDTH="100">
</TD>
<TD WIDTH="200">
</TD>
</TR>
</TABLE>]]>
Результат объединения ячеек:
Пояснение. Два последних столбца из первой строки нужно удалить.
Окончательно пример будет выглядеть так:
<![CDATA[<TABLE border="1">
<TR>
<TD WIDTH="100" Colspan="3">
</TD>
</TR>
<TR height="100">
<TD WIDTH="100">
</TD>
<TD WIDTH="100">
</TD>
<TD WIDTH="200">
</TD>
</TABLE>]]>
Окончательный результат:
|
|