Курсовая, контрольная работа. Примеры выполнения

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

Команды, управляющие созданием и отображением таблиц, допускают вложение одного тега <TABLE> внутрь другого. Эта особенность языка HTML используется для представления на web-странице так называемых «вложенных» таблиц,пример описания которых вы можете видеть ниже:

<TABLE BORDER="1" CELLPADDING="6" WIOTH="600">

<САРТION>Спряжение стандартного глагола <EM>to invite:</EM></CAPTION>

<TR>

<TH МЮТН="300">Перевод</ТН>

<TH WIDTH="300">Future</TH>

<TH WIDTH="300">Future-in-the-Past</TH>

</TR>

<TR>

<TD COLSPAN="3" WIDTH="527">

<TABLE BORDER="1" CELLPADDING="0" CELLSPACING="0" WIDTH="588">

<TR>

<TD WIDTH="194">Я (мы) приглашу(-сим)</ТD>

<TD WIDTH="194">I (we) shall invite</TD>

<TD WIOTH="194">I (we) should invite</TD>

</TR>

<TR>

<TD WIDTH="194">OH (вы. они) пригласит (-ите. -ят)</ТD>

<TD WIDTH="194">He (you. they) will invite</TD>

<TD WIDTH="194">He (you. they) would invite</TD>

</TR>

</TABLE>

</TD>

</TR>

</TABLE>

Из приведенного отрывка кода HTML ясно, что для создания отображаемой на экране пользователя таблицы спряжения английского глагола to invite использованы две таблицы, вложенные одна в другую. Первая задает форматирование ячеек для заголовков таблицы, а вторая — столбцы со значениями спрягаемого глагола.

В приведенном примере для разметки внешней таблицы использован атрибутCELLPADDING со значением 6, прежде всего, для того, чтобы вам было легче визуально отличить внешнюю таблицу от внутренней. Если для обеих таблиц установить нулевое значение отступов и толщины рамок, таблицы «слипаются» в окне броузера, что позволяет создать невидимую пользователю конструкцию спроизвольным разбиением. Этот прием часто используется для создания «прозрачных» таблиц, играющих роль верстальной сетки для размещения элементов web-страницы.