HTML 3, TD свойство ячейки

В этом уроке разберем свойство ячейки “TD“.

В ячейке мы можем как от центровать содержимое, либо расположить относительно какой либо стороны. Для этого у нас есть два свойства “align” (выравнивает по горизонтали) и “valign” (выравнивает по вертикали)

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

<table width="100%" cellpadding="0" cellspacing="0" border="1">
	<tr>
		<td align="center" valign="middle" width="200" height="200">Содержимое ячейки</td>
	</tr>
</table>

что у нас получилось

выровняли по центру

Содержимое по центру

Давайте разберем по подробнее свойства ячейки:

Align выравнивание по горизонтали

  • left – выравнивание по левому краю
  • right – выравнивание по правому краю
  • center – выравнивание по центру

Valign выравнивание по вертикали

  • top – выравнивание по верхнему краю
  • middle – выравнивание по центру
  • bottom – выравнивание по нижнему краю

Советую по экспериментировать и потом приступить к следующему уроку )