Онлайн учебники на TEPKA.ru

Учебник по HTML 4

Параметр ALIGN

Данный параметр тега <TABLE> определяет горизонтальное расположение таблицы в области просмотра. Допустимые значения — LEFT (выравнивание влево) и RIGHT (выравнивание вправо). По умолчанию таблицы выровнены по левому краю. Заметим, что среди допустимых значений нет типичного значения для параметра выравнивания — CENTER. В некоторых источниках по языку HTML значение CENTER (по центру) приводится в качестве допустимого в данном случае. Это соответствует спецификации HTML, но на практике и Netscape Navigator, и Microsoft Internet Explorer реализуют только два значения.

Дело в том, что присутствие параметра ALIGN в теге <TABLE> не только определяет месторасположение таблицы, но и разрешает выполнить обтекание таблицы текстом с противоположной стороны аналогично обтеканию картинок. Обтекание таблицы текстом с двух сторон не предусматривается ни в каких случаях. Для более точного управления обтеканием следует использовать тег <BR> с параметром CLEAR так же, как это выполняется для <IMG>. Если параметр ALIGN опущен, то место справа и/или слева от таблицы всегда будет пустым независимо от ее ширины. Если таблица не требует обтекания текстом, то можно добиться ее расположения по центру окна просмотра. Для этого, например, можно все описание таблицы поместить внутри пары тегов <CENTER> и </CENTER>.

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

<HTML>

<HEAD>

<TITLE>Таблица с обтекающим ее тeкстом</TITLE>

</HEAD>

<BODY>

<CAPTION><H3>Наиболее употребительные мужские имена<BR> взрослого

населения Санкт-Петербурга</Н3>

</CAPTION>

<UL>

<LI>Абрам <LI>Александр <LI>Алексей <LI>Альберт <LI>Анатолий <LI>Андрей

<LI>Аркадий <LI>Борис <LI>Вадим <LI>Валентин <LI>Валерий <LI>Василий

<LI>Виктор <LI>Виталий <LI>Владимир <LI>Владислав <LI>Вячеслав

<LI>Геннадий <LI>Георгий <LI>Герман <LI>Григорий <LI>Дмитрий

</TD>

<LI>Евгений <LI>Ефим <LI>Иван <LI>Игорь <LI>Илья <LI>Иосиф <LI>Константин

<LI>Лев <LI>Леонид <LI>Михаил <LI>Николай <LI>Олег <LI>Павел <LI>Петр

<LI>Роман <LI>Семен <LI>Сергей <LI>Станислав <LI>Эдуард <LI>Юрий <LI>Яков

</TD>

</UL>

</TR>

</TABLE>

Приведенные данные получены на основе анализа репрезентативной выборки, содержащей сведения о 5000 мужчин в возрасте старше 18 лет, проживающих в Санкт-Петербурге.<BR> Указанные 43 наиболее часто встречаемых имени охватывают 92% выборки.<BR> Частота встречаемости каждого из остальных имен не превосходит 0.3%

</BODY>

</HTML>

Параметр ALIGN

Рис. 4.9. Таблица без рамок с обтекающим текстом

Этот документ состоит из таблицы без рамок с параметром выравнивания ALIGN=LEFT, что позволяет тексту, следующему за таблицей, расположиться справа от нее. Таблица состоит всего из одной строки, в которой содержится две ячейки. Каждая ячейка содержит часть ненумерованного списка <UL>. Использование таблицы для вывода списка — это один из способов принудительного расположения списка в несколько колонок, что также иллюстрирует данный пример. Текст, расположенный справа от таблицы, может весь там не поместиться, при этом он будет продолжен после таблицы. Попробуйте на данном примере уменьшать ширину окна просмотра браузера, и в какой-то момент весь текст окажется снизу таблицы. Напомним, что для принудительного прерывания обтекания текста вдоль таблицы (например, если последующий текст логически не связан с таблицей и должен располагаться ниже ее) следует воспользоваться кодом <BR> с установленным параметром CLEAR. Для данного примера нужно записать <BR CLEAR=LEFT> или <BR CLEAR=ALL>. Некоторые браузеры разрешают запись параметра CLEAR без значения, но этого делать не рекомендуется. Для осуществления той же задачи задание нескольких переводов строки <BR> без параметра CLEAR (как это сделано в примере перед текстом для его сдвига вниз на несколько строк) или нескольких кодов начала нового абзаца <P> — неверное решение.

Приведем несколько иной пример для создания подобной страницы, отображение которой показано на рис. 4.10.

<HTML>

<HEAD>

<TITLE>Таблица без обтекающего текста</TITLE>

</HEAD>

<BODY>

<TABLE>

<CAPTION><H3>Наиболее употребительные мужские имена<BR>

взрослого населения Санкт-Петербурга</Н3>

</CAPTION>

<UL>

<LI>Абрам <LI>Александр <LI>Алексей <LI>Альберт <LI>Анатолий <LI>Андрей

<LI>Аркадий <LI>Борис <LI>Вадим <LI>Валентин <LI>Валерий <LI>Василий

<LI>Виктор <LI>Виталий <LI>Владимир <LI>Владислав <LI>Вячеслав

<LI>Геннадий <LI>Георгий <LI> Герман <LI>Григорий <LI>Дмитрий

</TD>

<LI>Евгений <LI>Ефим <LI>Иван <LI>Игорь <LI>Илья <LI>Иocиф <LI>Константин

<LI>Лев <LI>Леонид <LI>Михаил <LI>Hикoлaй <LI>Олег <LI>Павел <LI>Петр

<LI>Роман <LI>Семен <LI>Сергей <LI>Станислав <LI>Эдуард <LI>Юрий <LI>Яков

</TD>

</UL>

</TD>

</TR>

</TABLE>

</BODY>

</HTML>

Параметр ALIGN

Рис. 4.10. Таблица без рамок, содержащая три столбца

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