Основы работы с XHTML и CSS

         

Вложенные таблицы


Таблицы могут быть вложенными; то есть таблица может находиться внутри ячейки другой таблицы. Такая организация не включает никаких особенных усложнений кода - спецификации таблицы просто вставляются как содержимое ячейки. Ячейка расширяется в размере, чтобы обеспечить полный вывод вложенной таблицы, как показано в следующей таблице и коде XHTML.


Рис. 8.2.  Вложенные таблицы

<style type="text/css"> table {border:outset 1px} td {border:inset 1px} </style>

<table> <tr> <td>Cell 1</td> <td>Cell 2</td> </tr> <tr> <td>Cell 3</td> <td>

<table> <tr> <td>Cell A</td> <td>Cell B></td> </tr> <tr> <td>Cell C</td> <td>Cell D</td> </tr> </table>

</td> </tr> </table>

Листинг 8.7. Код, создающий вложенную таблицу (html, txt)

В этом примере можно таже видеть используемое по умолчанию выравнивание данных в ячейках. Обратите внимание в Cell 2, что запись по горизонтали выровнена в ячейке влево; в Cell 3 запись по вертикали выровнена по центру ячейки.



Содержание раздела