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

Атрибут СЕLLРАDDING

Применение пустых ячеек

Если ячейка не содержит данных, она не будет иметь границ. Если требуется, чтобы у ячейки были границы, но не было содержимого, необходимо поместить в нее что-то, что не будет видно при просмотре. Можно воспользоваться пустой строкой <ВR>. Можно даже задать пустые столбцы, определив их ширину в пикселах или относительных единицах и не введя в полученные ячейки никаких данных. Это средство может оказаться полезным при размещении на странице текста и графики.

Данный атрибут определяет ширину пустого пространства между содержимым ячейки и ее границами, то есть задает поля внутри ячейки.

<HTML><BODY> <CENTER> <TABLE BORDER CELLPADDING=20> <TR> <TD>Текст или данные</TD> <TD>Текст или данные</TD> <TD>Текст или данные</TD> </TR> <TR> <TD>Текст или данные</TD> <TD>Текст или данные</TD> <TD>Текст или данные</TD> </TR> </TABLE><BR> <TABLE BORDER CELLPADDING=0> <TR> <TD>Текст или данные</TD> <TD>Текст или данные</TD> <TD>Текст или данные</TD> </TR> <TR> <TD>Текст или данные</TD> <TD>Текст или данные</TD> <TD>Текст или данные</TD> </TR> </TABLE> </CENTER></BODY></HTML>

Теги <Т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>