[caption id="attachment_366" align="alignleft" width="300"]
html-align[/caption]
Табличная вёрстка практически не используется при создании сайтов, но понимать, как это можно сделать всё же нужно. Поэтому необходимо узнать, как можно создать таблицу в таблице в html, а также надо освоить их использование на практике. Но сначала следует запомнить способы выравнивания в html.
Выравнивание объектов в таблице
Для выравнивания существует два артибута: aling и valing.
Элемент «align» выравнивает текст и картинки по горизонтали. Для этого существуют такие значения:
- «right» – справа;
- «left» – слева;
- «center» – по центру.
С помощью «valign» можно выравнивать содержимое по вертикали. В этом помогут следующие значения:
- «top» – сверху;
- «middle» – по центру;
- «bottom» – снизу.
Вложенные таблицы
Попробуем создать модель настоящего сайта при помощи двух таблиц, первая будет вложена во вторую:
html-align[/caption]
Табличная вёрстка практически не используется при создании сайтов, но понимать, как это можно сделать всё же нужно. Поэтому необходимо узнать, как можно создать таблицу в таблице в 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>Как видно основное поле имеет центральное выравнивание, в результате у нас получилось, что строчки во вложенной таблице стоят с краю слева, а как бы немного отстают от левого края.
