• Авторизация
Дневник ЗИТТА Лента друзей - Дневник - Полная версия


Запись в дневнике закрыта для неавторизованных и пользователей из черного списка. HTML для начинающих: Выравнивание содержимого ячеек в таблице 26-02-2026 05:45 к комментариям - к полной версии - понравилось!

Это цитата сообщения БЕЛОЯР_2 Оригинальное сообщение

HTML для начинающих: Выравнивание содержимого ячеек в таблице

И так в этом уроке №4 мы с Вами разберём ещё 2 атрибута таблицы ALİGN и VALİGN

выравнивание ALİGN Выравнивает содержимое ячеек в таблице, принимает значения: left, center, или right.
выравнивание VALİGN Устанавливает вертикальное выравнивание содержимого ячеек таблицы, принимает значения : top, middle, или bottom.

И так,начнём с вертикального выравнивания содержимого таблицы, т.е. как можно сделать так, чтобы содержимое ячейки не только располагалось ровно посередине ее (как по умолчанию), а еще вверху или внизу.

VALİGN="TOP" -содержимое ячейки выравнивается по верхнему краю
VALİGN="MİDDLE" -содержимое выравнивается по середине ячейки
VALİGN="BOTTOM" -содержимое ячейки выравнивается по нижнему краю
<table border="5"><br />
<tr> <br />
<td height="35" width="70" valign="top"> ячейка 1</td> <br />
<td height="35" width="70" valign="middle"> ячейка 2</td> <br />
<td height="35" width="70" valign="bottom"> ячейка 3</td> <br />
</tr><br />
<tr> <br />
<td height="35" width="70" valign="bottom"> ячейка 4</td> <br />
<td height="35" width="70" valign="middle"> ячейка 5</td> <br />
<td height="35" width="70" valign="top"> ячейка 6</td> <br />
</tr><br />
</table>

Я добавил ширину и высоту,это Вы уже умеете мы проходили - и вот что у нас получилось:


ячейка 1 ячейка 2 ячейка 3
ячейка 4 ячейка 5 ячейка 6


Теперь мы с Вами разберём атрибут ALİGN горизонтальное выравнивания содержимого таблицы, т.е. как можно сделать так, чтобы содержимое было выровнено ровно посередине, а так же по левому краю или по правому краю.

ALİGN="LEFT" -содержимое ячейки выравнивается по левому краю
ALİGN="CENTER" -содержимое ячейки выравнивается по центру
ALİGN="RİGHT" -содержимое ячейки выравнивается по правому краю
<table border="5"><br />
<tr> <br />
<td height="35" width="150" align="left"> ячейка 1</td> <br />
<td height="35" width="150" align="center"> ячейка 2</td> <br />
<td height="35" width="150" align="right"> ячейка 3</td> <br />
</tr><br />
<tr> <br />
<td height="35" width="150" align="right"> ячейка 4</td> <br />
<td height="35" width="150" align="center"> ячейка 5</td> <br />
<td height="35" width="150" align="left"> ячейка 6</td> <br />
</tr><br />
</table>

И в этом примере я добавил ширину и высоту, что бы Вам было понятнее. И вот что у нас получилось:

ячейка 1 ячейка 2 ячейка 3
ячейка 4 ячейка 5 ячейка 6


(N4)
вверх^ к полной версии понравилось! в evernote
Комментарии (1):


Комментарии (1): вверх^

Вы сейчас не можете прокомментировать это сообщение.

Дневник Запись в дневнике закрыта для неавторизованных и пользователей из черного списка. HTML для начинающих: Выравнивание содержимого ячеек в таблице | ЗИТТА - А ведь ты тоже был когда-то «чайник»! Дневник Зитта | Лента друзей ЗИТТА / Полная версия Добавить в друзья Страницы: раньше»