Выравнивание в html и вложенные таблицы

html-align

Табличная вёрстка практически не используется при создании сайтов, но понимать, как это можно сделать всё же нужно. Поэтому необходимо узнать, как можно создать таблицу в таблице в html, а также надо освоить их использование на практике. Но сначала следует запомнить способы выравнивания в html.

Выравнивание объектов в таблице

Для выравнивания существует два артибута: aling и valing.

Элемент «align» выравнивает текст и картинки по горизонтали. Для этого существуют такие значения:

— «right» – справа;

— «left» – слева;

— «center» – по центру.

С помощью «valign» можно выравнивать содержимое по вертикали. В этом помогут следующие значения:

— «top» – сверху;

— «middle» – по центру;

— «bottom» – снизу.

Вложенные таблицы

Попробуем создать модель настоящего сайта при помощи двух таблиц, первая будет вложена во вторую:

<table border="1" width="600">
<tbody>
<tr>
<td>Элемент A шапки</td>
<td>Элемент B шапки</td>
<td>Элемент C шапки</td>
<td>Элемент D шапки</td>
<td>Элемент E шапки</td>
<td>Элемент F шапки</td>
</tr>
<tr>
<td colspan="4" align="center">Основное поле

 
<table width="300">
<tbody>
<tr>
<td align="left">Фраза в верхней ячейке</td>
</tr>
<tr>
<td align="left">Фраза в средней ячейке</td>
</tr>
<tr>
<td align="left">Фраза в нижней ячейке</td>
</tr>
</tbody>
</table>
</td>
<td colspan="2">Правое поле</td>
</tr>
<tr>
<td colspan="6">Футер веб-ресурса</td>
</tr>
</tbody>
</table>

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