HTML, XHTML и CSS на сто процентов.
3.10. Создание вложенных таблиц. Существуют такие моменты, когда необходимо создать ячейки, границы которых не должны совпадать (рис. 3.14). Здесь атрибут colspan бессилен. HTML, XHTML и CSS на сто процентов. Рис. 3.14. Сложная HTML-таблица. Команды, управляющие созданием и отображением таблиц, допускают вложение одного элемента TABLE внутрь другого, поэтому в ячейке можно создать новую таблицу с независимой структурой. В листинге 3.8 приведен код таблицы, изображенной на рис. 3.13. Здесь применяется метод вложения одной таблицы в другую. Внешняя таблица состоит из двух строк. Первая строка содержит четыре ячейки, вторая – таблицу со своей независимой структурой. Внутренняя таблица, в свою очередь, содержит две строки, каждая из которых содержит по три ячейки. Листинг 3.8. Пример таблицы, которая содержит еще одну таблицу. <html> <head> <title>HTML-таблица</titlе> <head> <body> <table border="4" bordercolor="#000000" cellspacing="0" cellpadding="10"> <сарtiоn>Создание вложенных таблиц</сарtiоn> <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>