Атрибуты АLIGN и VALIGN

<14 15 161718 19 20 >

Теги <ТR>, <ТD> и <ТН> можно модифицировать с помощью атрибутов ALIGN и VALIGN. Атрибут АLIGN определяет выравнивание текста и графики по горизонтали, то есть по левому или правому краю, либо по центру. Горизонтальное выравнивание может быть задано несколькими способами:

ALIGN=blееdleft прижимает содержимое ячейки вплотную к левому краю.

ALIGN=left выравнивает содержимое ячейки по левому краю с учетом отступа, заданного атрибутом СЕLLPADDING.

АLIGN=сеnter располагает содержимое ячейки по центру.

АLIGN=right выравнивает содержимое ячейки по правому краю с учетом отступа, заданного атрибутом СЕLLPADDING.

<HTML><BODY> <TABLE BORDER WIDTH=100%> <TR> <TD ALIGN=left>Текст или данные</TD> <TD ALIGN=center>Текст или данные</TD> <TD ALIGN=right>Текст или данные</TD> </TR> <TR> <TD ALIGN=right>Текст или данные</TD> <TD ALIGN=center>Текст или данные</TD> <TD ALIGN=left>Текст или данные</TD> </TR> <TR> <TD ALIGN=right>Текст или данные</TD> <TD ALIGN=right>Текст или данные</TD> <TD ALIGN=right>Текст или данные</TD> </TR> <TR> <TD ALIGN=center>Текст или данные</TD> <TD ALIGN=center>Текст или данные</TD> <TD ALIGN=center>Текст или данные</TD> </TR> <TR> <TD ALIGN=left>Текст или данные</TD> <TD ALIGN=left>Текст или данные</TD> <TD ALIGN=left>Текст или данные</TD> </TR> </TABLE></BODY></HTML>

Атрибут VALIGN осуществляет выравнивание текста и графики внутри ячейки по вертикали. Вертикальное выравнивание может быть задано несколькими способами:

VALIGN=top выравнивает содержимое ячейки по ее верхней границе.

VALIGN=middle центрирует содержимое ячейки по вертикали.

VALIGN=bottom выравнивает содержимое ячейки по ее нижней границе.

<HTML><BODY> <CENTER> <TABLE BORDER WIDTH=90%> <TR> <TD WIDTH=100>Атрибут VALIGN осуществляет выравнивание текста и графики внутри ячейки по вертикали.</TD> <TD VALIGN=top>верх,</TD> <TD VALIGN=middle>середина,</TD> <TD VALIGN=bottom>низ.</TD> </TR> <TR VALIGN=top> <TD> VALIGN=top Выравнивает содержимое ячейки по ее верхней границе.</TD> <TD>верх,</TD> <TD>верх,</TD> <TD>верх.</TD> </TR> <TR VALIGN=middle> <TD>VALIGN=middle Центрирует содержимое ячейки по вертикали.</TD> <TD>середина,</TD> <TD>середина,</TD> <TD>середина.</TD> </TR> <TR VALIGN=bottom> <TD>VALIGN=bottom Выравнивает содержимое ячейки по ее нижней границе.</TD> <TD>низ,</TD> <TD>низ,</TD> <TD>низ.</TD> </TR> </TABLE> </CENTER></BODY></HTML>

Атрибут BORDER

В теге <ТАВLЕ> часто определяют, как будут выглядеть рамки, то есть линии, окружающие ячейки таблицы и саму таблицу. Если вы не зададите рамку, то получите таблицу без линий, но пространство под них будет отведено. Того же результата можно добиться, задав <ТАВLЕ ВОRDER=0>. Иногда хочется сделать границу потолще, чтобы она лучше выделялась. Можно для привлечения внимания к рисунку или тексту задать исключительно жирные границы. При создании вложенных таблиц приходится делать для разных таблиц границы различной толщины, чтобы их легче было различать.

<14 15 161718 19 20 >

Дата добавления: 2016-12-27; просмотров: 1394;