Создание сайта

Выравнивание данных в html

Поэтапное создание собственного сайта с нуля


Выравнивание контента на странице - необходимость которая придает странице внешний вид и размещение злементов по краям, или по центру. Выравнивание данных страницы производится тегом <center>данные</center>

Здесь текст расположен посередине.

Посередине будет и фото.

<center>Здесь текст расположен посередине</center>
<center>Посередине будет и фото</center>
<center><img src="Image/20-20.jpg" width=200 height=120 border=1></center>

Ваш материал будет помещен посередине страницы.
Этот пример применим страницы без таблицы.
Если у вас страница с таблицей,то выравнивание будет внутри той ячейки где вы вписали тег выравнивания.Что бы поместить материал по вертикали страницы, то применяется тег
<td valign="?"> со значениями : top, middle, или bottom (верх,середина или низ).

Для того,что бы разместить данные по горизонтали применяется тег <td align=?> со значениями left, center, или right (влево,середина или вправо).

Здесь текст расположен посередине.
Посередине будет и фото.
<table Border=1> <tr> <td Align="center">Здесь текст расположен посередине
Посередине будет и фото
<img src="Image/20-20.jpg" width=200 height=120 border=1> </td> </tr> </table>

Расстояние между рамками двух смежных ячеек, как по горизонтали, так и по вертикали <table cellspacing="?" со значением 0-без разрыва и 1,2... и далее. Также можно задать расстояние между данными ячейки и ее рамкой
<table cellpadding="?">.Значение определяется в пикселях.
<img src="имя картинки" hspase="?"> задает ширину отступа слева и справа от изображения.
<img src="имя картинки" vspase="?">задает ширину отступа сверху и снизу от изображения.

<img src="имя картинки" align="?"> Выравнивает изображение к одной из сторон документа, принимает значения: left, right, center;(слева,справа,по центру).



<td colspan=?> - Указывает кол-во столбцев которое объединено в одной ячейке.
<td rowspan=?> - Указывает кол-во строк которое объединено в одной ячейке.
<td nowrap> - Не позволяет программе просмотра делать перевод строки в ячейке таблицы.





Новые Технологии



Наверх