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

Можно добавить свободное пространство между данными внутри ячейки и ее границами, используя атрибут cellpadding в элементе table. Установим cellpadding равным 10 пикселям:<table border="3" cellpadding="10">. такое изменение кода приведет к следующему эффекту:

 

Год	Продажи
	$18M
	$25M
	$36M

Добавление свободного пространства между ячейками

 

Атрибут cellspacing задает толщину свободного пространства между ячейками. Установим cellspacing, равным 10 пикселям: <table border="3" cellpadding="10" cellspacing="10">

Такое изменение кода приведет к следующему эффекту:

Ширина таблицы

Атрибут width используется для установки ширины таблицы. Значение задается как в пикселях, так и в процентах по отношению к расстоянию между левой и правой границами. Пример: <table border="3" cellpadding="10" width="80%">. Такое изменение кода приведет к следующему эффекту:

Год	Продажи
	$18M
	$25M
	$36M

Выравнивание текста внутри ячеек

По умолчанию заголовки (th) выравниваются по центру ячеек, а данные (td) по левой границе. Вы можете изменить выравнивание, используя атрибут align, задать выравнивание во всей строке можно при помощи элемента tr. Атрибут align может принимать следующие значения "left", "center" или "right":

<table border="3" cellpadding="10" width="80%">
<tr align="center"><th>Год</th><th>Продажи</th></tr>
<tr align="center"><td>2000</td><td>$18M</td></tr>
<tr align="center"><td>2001</td><td>$25M</td></tr>
<tr align="center"><td>2002</td><td>$36M</td></tr>
</table>

Атрибут valign используется для вертикального выравнивания содержимого ячейки и принимает значения "top", "middle" или "bottom".