2015-07-21
369
Можно добавить свободное пространство между данными внутри ячейки и ее границами, используя атрибут 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".
