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

Отдельные ячейки таблицы могут содержать практически любые тэги языка и данные, разрешенные в разделе <BODY> документа. В том числе, внутри ячейки таблицы может быть целиком размешена другая таблица. Такие таблицы называются вложенными. Правила их построения не отличайте построения таблиц и не нуждаются в отдельном описании. Отметим что не все браузеры, поддерживающие таблицы, правильно отражают сложные таблицы с несколькими уровнями вложенности, поэтому их использование требует осторожности.

Приведем пример таблицы, использующей один уровень вложенности.

<HTML>

<HEAD>

<TITLE>Города Ленинградской области</TITLE>

</HEAD>

<BODY>

<TABLE BORDER=0 CELLSPASING=0 CELLPADDING=0>

<CAPTION><H2>Города Ленинградской области </H2>

Н – население города (тыс. жит., 1992 г.) &nbsp; &nbsp; &nbsp;

Р – расстояние от Санкт-Петербурга (км) </CAPTION>

<TR><TD VALIGN=TOP>

<TABLE BORDER CELLPADDING=3 CELLSPASING=0>

<CAPTION><STRONG>Города, подчиненные Санкт-Петербургу

</STRONG></CAPTION>

<TR><TH>Город</TH><TH>Н</TH><TH>Р</TH></TR>

<TR><TD>Зеленогорск</TD><TD ALIGN=RIGHT>13.6 </TD> <TD ALIGN=RIGHT>50</TD></TR>

<TR><TD>Колпино</TD><TD ALIGN=RIGHT>144.6 </TD> <TD ALIGN=RIGHT>26</TD></TR>

<TR><TD>Крондштат</TD><TD ALIGN=RIGHT>45.2 </TD> <TD ALIGN=RIGHT>48</TD></TR>

<TR><TD>Ломоносов</TD><TD ALIGN=RIGHT>42.0 </TD> <TD ALIGN=RIGHT>40</TD></TR>

<TR><TD>Павловск</TD><TD ALIGN=RIGHT>25.4 </TD> <TD ALIGN=RIGHT>30</TD></TR>

<TR><TD>Петродворец</TD><TD ALIGN=RIGHT>83.3 </TD> <TD ALIGN=RIGHT>29</TD></TR>

<TR><TD>Пушкин</TD><TD ALIGN=RIGHT>95.1 </TD> <TD ALIGN=RIGHT>24</TD></TR>

<TR><TD>Сестрорецк</TD><TD ALIGN=RIGHT>34.9 </TD> <TD ALIGN=RIGHT>35</TD></TR>

</TABLE>

<P>

<CENTER>

Все города, подчиненные <BR>администрации <BR>Санкт-Петербурга, имеют <BR>прямые городские <BR>телефонные номера.

</CENTER>

</TD>

<TD WIDTH=50></TD>

<TD VALIGN=TOP>

<TABLE BORDER CELLPADDING=3 CELLSPASING=0>

<CAPTION><STRONG>Города областного подчинения</CAPTION>

<TR><TH>Город</TH><TH>Н</TH><TH>Р</TH></TR>

<TR><TD>Бокситогорск</TD><TD ALIGN=RIGHT>21.6 </TD> <TD ALIGN=RIGHT>245</TD></TR>

<TR><TD>Волхов</TD><TD ALIGN=RIGHT>50.3 </TD> <TD ALIGN=RIGHT>122</TD></TR>

<TR><TD>Всеволожск</TD><TD ALIGN=RIGHT>32.9 </TD> <TD ALIGN=RIGHT>24</TD></TR>

<TR><TD>Выборг</TD><TD ALIGN=RIGHT>80.9 </TD> <TD ALIGN=RIGHT>130</TD></TR>

<TR><TD>Высоцк</TD><TD ALIGN=RIGHT>1.0 </TD> <TD ALIGN=RIGHT>159</TD></TR>

<TR><TD>Гатчина</TD><TD ALIGN=RIGHT>80.9 </TD> <TD ALIGN=RIGHT>46</TD></TR>

<TR><TD>Ивангород</TD><TD ALIGN=RIGHT>11.9 </TD> <TD ALIGN=RIGHT>147</TD></TR>

<TR><TD>Каменногорск</TD><TD ALIGN=RIGHT>5.9 </TD> <TD ALIGN=RIGHT>157</TD></TR>

<TR><TD>Кингисепп</TD><TD ALIGN=RIGHT>51.5 </TD> <TD ALIGN=RIGHT>138</TD></TR>

<TR><TD>Кириши</TD><TD ALIGN=RIGHT>53.8 </TD> <TD ALIGN=RIGHT>115</TD></TR>

<TR><TD>Кировск</TD><TD ALIGN=RIGHT>23.8 </TD> <TD ALIGN=RIGHT>55</TD></TR>

<TR><TD>Лодейное Поле</TD><TD ALIGN=RIGHT>27.3 </TD> <TD ALIGN=RIGHT>244</TD></TR>

<TR><TD>Луга</TD><TD ALIGN=RIGHT>41.8 </TD> <TD ALIGN=RIGHT>139</TD></TR>

</TABLE>

</TD>

<TD WIDTH=50></TD>

<TD VALIGN=TOP>

<TABLE BORDER CELLPADDING=3 CELLSPASING=0>

<CAPTION><STRONG>(продолжение таблицы) </CAPTION>

<TR><TH>Город</TH><TH>Н</TH><TH>Р</TH></TR>

<TR><TD>Любань</TD><TD ALIGN=RIGHT>4.7 </TD> <TD ALIGN=RIGHT>85</TD></TR>

<TR><TD>Новая Ладога</TD><TD ALIGN=RIGHT>11.2 </TD> <TD ALIGN=RIGHT>141</TD></TR>

<TR><TD>Отрадное</TD><TD ALIGN=RIGHT>22.9 </TD> <TD ALIGN=RIGHT>40</TD></TR>

<TR><TD>Пикалево</TD><TD ALIGN=RIGHT>25.1 </TD> <TD ALIGN=RIGHT>246</TD></TR>

<TR><TD>Подпорожье</TD><TD ALIGN=RIGHT>23.1 </TD> <TD ALIGN=RIGHT>285</TD></TR>

<TR><TD>Приморск</TD><TD ALIGN=RIGHT>6.7 </TD> <TD ALIGN=RIGHT>137</TD></TR>

<TR><TD>Приозерск</TD><TD ALIGN=RIGHT>20.5 </TD> <TD ALIGN=RIGHT>145</TD></TR>

<TR><TD>Светогорск</TD><TD ALIGN=RIGHT>15.8 </TD> <TD ALIGN=RIGHT>201</TD></TR>

<TR><TD>Сланцы</TD><TD ALIGN=RIGHT>42.6 </TD> <TD ALIGN=RIGHT>192</TD></TR>

<TR><TD>Сосновый Бор</TD><TD ALIGN=RIGHT>57.6 </TD> <TD ALIGN=RIGHT>81</TD></TR>

<TR><TD>Тихвин</TD><TD ALIGN=RIGHT>72.0 </TD> <TD ALIGN=RIGHT>200</TD></TR>

<TR><TD>Тосно</TD><TD ALIGN=RIGHT>33.8 </TD> <TD ALIGN=RIGHT>53</TD></TR>

<TR><TD>Шлиссельбург</TD><TD ALIGN=RIGHT>12.5 </TD> <TD ALIGN=RIGHT>64</TD></TR>

</TABLE>

</TD>

</TR>

</TABLE>

</BODY>

</HTML>

Сохраните страницу с именем lab8_9.html.

На первый взгляд кажется, что в примере нет вложенности таблиц. На самом деле весь документ представляет собой таблицу, не имеющую рамок и состоящую из заголовка и всего одной строки, содержащей пять ячеек. Организация такой таблицы служит единственной цели — расположению данных на странице. Внутри первой ячейки располагается другая таблица, имеющая свой заголовок и состоящая из трех столбцов, после которой идет текст, выровненный посередине. Третья и пятая ячейки также содержат отдельные таблицы. Вторая и четвертая ячейки — пустые, они не содержат никаких данных и имеют единственный параметр WIDTH, определяющий ее ширину. Их назначение – задать отступ между первой и третьей, а также третьей и пятой ячейками, в которых располагаются таблицы.