Средства создания таблиц, вложенных одна в другую, позволяет осуществить изощренную компоновку данных Web-страницы.
И все же избегайте чрезмерного усложнения структуры таблиц - в противном случае вы существенно затрудните участь читателей, увеличивая время загрузки данных на их компьютере, и необоснованно усложните себе работу по редактированию созданной страницы.
|
|
Ступенька 28. Вложенные таблицы
Вложенные таблицы - это обычные таблицы, которые располагаются в ячейках другой таблицы, и больше ничего особенного в них нет... почти.
Допустим у нас уже есть большая таблица, две колонки которой забиты текстом какого-то отчета:
С каждым днем в
Интернет появляется все больше бяк и бук. Это особенные существа, роль которых в развитии современного общества непонятна, но тем не менее само их
присутствие заметно. Буки и бяки требуют особого обращения к себе, если обращаться к ним как к нормальным человеческим особям, то вы поняты не будете. |
Вот таблица, которая показывает сколько бук, бяк и других обитает в
Интернет:
буки | 65% населения |
бяки | 20% населения |
др. | 15% населения |
За сим все
|
Итак, перед нами таблица из одного ряда, с двумя ячейками (столбцами), во второй ячейке нельзя не заметить вложенную таблицу. Теперь код:
<table>
<tr>
<td width="200" valign="top" align="center">С каждым днем в
Интернет появляется все больше бяк и бук. Это особенные существа, роль которых в развитии современного общества не понятна, но тем не менее само их
присутствие заметно. Буки и бяки требуют особого обращения к себе, если обращаться к ним как к нормальным человеческим особям, то вы поняты не будете.</td>
<td width="200" valign="top" align="center">Вот таблица, которая показывает сколько бук, бяк и других обитает в
Интернет:
<br><br>
<table cellspacing="3">
<tr>
<td width="50">буки</td><td>65% населения</td>
</tr>
<tr>
<td width="50">бяки</td><td>20% населения</td>
</tr>
<tr>
<td width="50">др.</td><td>15% населения</td>
</tr>
</table>
<br><br>
За сим все</td>
</tr>
</table>
Увы, код получился объемный, но зато в нем нет ничего сложного: вложенная таблица от обычной ничем не отличается.
Помните, мы уже говорили о параметре
align, так вот, как видите, его можно задать для содержимого ячейки (см. наш пример), только вот удобного align="justify" тут нет.
|
