Книга: HTML, XHTML и CSS на 100%

3.10. Создание вложенных таблиц

3.10. Создание вложенных таблиц

Существуют такие моменты, когда необходимо создать ячейки, границы которых не должны совпадать (рис. 3.14). Здесь атрибут colspan бессилен.


Рис. 3.14. Сложная HTML-таблица

Команды, управляющие созданием и отображением таблиц, допускают вложение одного элемента TABLE внутрь другого, поэтому в ячейке можно создать новую таблицу с независимой структурой.

В листинге 3.8 приведен код таблицы, изображенной на рис. 3.13. Здесь применяется метод вложения одной таблицы в другую. Внешняя таблица состоит из двух строк. Первая строка содержит четыре ячейки, вторая – таблицу со своей независимой структурой. Внутренняя таблица, в свою очередь, содержит две строки, каждая из которых содержит по три ячейки.

Листинг 3.8. Пример таблицы, которая содержит еще одну таблицу

<html>

<head>

<title>HTML-таблица</title>

<head>

<body>

<table border="4" bordercolor="#000000" cellspacing="0" cellpadding="10">

<caption>Создание вложенных таблиц</caption>

<tr><td> 1x1</td><td>1x2</td><td>1x3</td><td>1x4</td></tr>

<tr><td colspan=4>

<table border="3" bordercolor="#000000" cellspacing="0" cellpadding="10">

<tr><td> 1x1</td><td>1x2</td><td>1x3</td></tr>

<tr><td> 2x1</td><td>2x2</td><td>2x3</td></tr>

</table>

</td>

</tr>

</table>

</body>

</html>

Оглавление книги


Генерация: 4.103. Запросов К БД/Cache: 3 / 1
поделиться
Вверх Вниз