Выравнивание таблицы на Web-странице
В предыдущем практикуме этой главы вы научились выравнивать содержимое ячейки по левому краю ячейки, по правому краю ячейки или по центру ячейки. Пока содержимое ячейки уже ширины самой ячейки, с помощью атрибута align в дескрипторе <td> ячейки вы можете позиционировать содержимое ячейки в горизонтальной плоскости внутри ячейки. Аналогично, если вы создаете таблицу уже ширины Web-страницы, на которой она отображается, вы можете позиционировать всю таблицу в горизонтальной плоскости на Web-странице с помощью атрибута align.
ПРАКТИКУМ
По умолчанию Web-браузер отображает таблицу у левого края Web-страницы. Чтобы изменить выравнивание таблицы, заключите определение таблицы между начальным и конечным дескрипторами блока (<div></div>). Затем установите атрибут align внутри дескриптора <div> равным "left", "right" или "center" — в зависимости от того, как должна быть выровнена таблица относительно левого и правого краев Web-страницы.
Например, чтобы Web-браузер отобразил таблицу по правому краю Web-страницы (вместо левого края по умолчанию), заключите определение таблицы между начальным и конечным дескрипторами блока (<div></div>). Затем установите атрибут align внутри дескриптора <div> равным "right", как показано в первой строке приведенного ниже HTML-кода:
<div align="right">
<table border="1" width="50%" height="50%">
<tr><th width="50%">3аголовок 1</th>
<th width="50%">3аголовок 2</th></tr>
<tr><td width="50%">Строка 1 – столбец 1</td>
<td width="50%">Строка 1 – столбец 2</td></tr>
<tr><td width="50%">Строка 2 – столбец 1</td>
<td width="50%">Строка 2 – столбец 2</td></tr>
</table>
</div>
Если ваш дескриптор <table> будет включать в себя атрибут width, установленный равным "100%" или значению в пикселях, которое превышает ширину окна браузера в пикселях, Web-браузер будет игнорировать атрибут align внутри дескриптора <div> в начальном и конечном дескрипторах блока (<div></div>) вокруг определения таблицы.