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

We use cookies. Read the Privacy and Cookie Policy

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>

Данный текст является ознакомительным фрагментом.