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

  Таблица с параллельными текстами

Иногда web-мастеру приходится представлять на странице текст в виде нескольких разделенных небольшим расстоянием колонок, например, если дизайн сайта как бы копирует размещение текста на газетной полосе или если необходимо показать перевод текста на двух и более языках. В принципе для решения такого рода задач можно применить тег <PRE>, позволяющий выводить на экран предварительно отформатированный текст, однако в некоторых броузерах такое представление данных может быть нарушено в силу неадекватности обработки кода HTML их интерпретаторами. В подобных ситуациях рекомендуется использовать невидимые таблицы, в которых для каждого отрывка текста отводится отдельная строка. Безусловно, web-дизайнеру придется изрядно повозиться, чтобы текст размещался в ячейках таблицы корректно, однако игра, безусловно, стоит свеч, поскольку при подобном представлении информация гарантирована от искажений в броузерах разных версий и при разном экранном разрешении пользовательского монитора. Примером реализации такой таблицы может служить следующий отрывок кода HTML:

<TABLE BORDER="0" CELLSPACING="3">

<CAPTION><STRONG>Отрывки из книги Бытия на трех языках</STRONG></САРТION>

<TR ALIGN="LEFT" VALIGN="TOP">

<TH WIDTH="11"></ТН>

<TH WIDTH="223">Латынь</ТН>

<TH WIDTH="271>Английский</ТН>

<TH WIDTH="240">Pyccкий</TH>

</TR>

<TR ALIGN="LEFT" VALIGN="TOP">

<TH WIDTH="11">1</TH>

<TD WIDTH="223">In principio creavit Deus caelum et terram.</TD>

<TD WIDTH="271">In the beginning God created the heaven and the earth.</TD>

<TD WIDTH="240">B начале сотворил Бог Небо и Землю.</TD>

</TR>

<TR ALIGN="LEFT" VALIGN="TOP">

<TH WIDTH="11">2</TH>

<TD WIDTH="223">Terra autem erat inanis et vacua et tenebrae super faciemabyssi et spiritus Dei ferebatur super aquas.</TD>

<TD WIDTH="271">And the earth was without form, and void: and darkness wasupon the face of the deep. And the Spirit of God moved upon the face of thewaters.</TD>

<TD ШОТН="240">Земля же была без видна и пуста, и Тьма над Бездною: и Дух Божий носился над Водою.</TD>

</TR>

<TR ALIGN="LEFT" VALIGN="TOP">

<TH WIDTH="11">3</TH>

<TD WIDTH="223">Dixitque Deus &quot:Fiat lux&quot; et facta est lux.</TD>

<TD WIDTH="271">And God said. Let there be light: and there was "light.</TD>

<TD WIDTH="240">И сказал Бог: &quot;Да будет Свет!&quot: - и стал Свет.</ТD>

</TR>

</TABLE>

  Представление таблиц, элементы которых занимают несколько строк или столбцов

Иногда в html-документе необходимо представить таблицу, некоторые ячейки которой занимают несколько строк или столбцов по вертикали или горизонтали. Для этого используются атрибуты COLSPAN и ROWSPAN, варьируя параметрами которых можно добиться желаемого результата. В качестве примера применения такой таблицы предлагаю рассмотреть код HTML, представляющий на экране правила спряжения английского глагола to be в настоящем времени:

<TABLE BORDER="1" ALIGN="CENTER" CELLPADDING-"3" WIDTH="252">

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

<TR>

<TH WIDTH="34">&nbsp;</TH>

<TH иттн="198">3начение <EM>to be:</EM></TH>

</TR>

<TR>

<TH WIDTH="34">I</TH>

<TD ALIGN="CENTER" WIDTH="198">am</TD>

</TR>

<TR>

<TH WIDTH="34">You</TH>

<TD ALIGN="CENTER" WIDTH="198" ROWSPAN="3">are</TD></TR><TR>

<TH WIDTH="34">We</TH>

</TR>

<TR>

<TH WIDTH="34">They</TH>

</TR>

<TR>

<TH WIDTH="34">He</TH>

<TD ALIGN="CENTER" WIDTH="198" ROWSPAN="3">is</TD>

</TR>

<TR>

<TH WIDTH="34">She</TH>

</TR>

<TR>

<TH WIDTH="34">It</TH>

</TR>

</TABLE>