Введение в HTML

       

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


Теги <Т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 >Текст или данные</TD> </TR> <TR> <TD >Текст или данные</TD> <TD ALIGN=center>Текст или данные</TD> <TD ALIGN=left>Текст или данные</TD> </TR> <TR> <TD >Текст или данные</TD> <TD >Текст или данные</TD> <TD >Текст или данные</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>



Содержание раздела