:: Статьи начинающему web-мастеру ::
Статьи// Таблицы


В таблицах можно размещать тексты, рисунки, другие таблицы... Вообще, сайты чаще всего верстают именно табличками :)
html-код простой таблицы из 2 столбцов и 2 строк представлен ниже:

<table>
<tr>
   <td>первая ячейка первой строки</td>
   <td>вторая ячейка первой строки</td>
</tr>
<tr>
   <td>первая ячейка второй строки</td>
   <td>вторая ячейка второй строки</td>
</tr>
</table>


Внутри тега table можно указать разные свойства будущей таблицы:

border — толщина рамок-границ (при border=0 границы становятся невидимыми!);
bgcolor — цвет фона таблицы;
width — ширина таблицы (в пикселях или %);
cellpadding — отступ в пикселях содержимого ячеек от их границ.

Например:
<table border="2" bgcolor="#FF0000" width="300" cellpadding="15">

Внутри тега tr (строки) тоже можно указать полезные свойства:

align (значение left, right или center) — выравнивание содержимого в ячейках;
valign (значение top — по верху ячеек, bottom — по низу, center — по центру) — вертикальное выравнивание содержимого в ячейках;
bgcolor — фон ячеек в данной строке.

Например:
<tr align="center" valign="center" bgcolor="#666666">

Свойства тега td (столбца):

bgcolor — цвет фона ячейки;
background — фоновое изображение ячейки;
width — длина ячейки;
align — выравнивание содержимого в ячейке (left, right, center);
valign — вертикальное выравнивание (top, bottom, center);
colspan — объединение указанного кол-ва столбцов;
rowspan — объединение указанного кол-ва строк;
nowrap — отключение автопереноса текстовых строк в пределах ячейки.

Например:
<td bgcolor="red" background="rose.jpg" width="200" align="center" valign="center" colspan="2">

! приоритет параметра, расспространяющегося на  меньшую область, всегда выше.

Автор урока— Ollenkka



Мишки tatty teddy. Me to you :)
Самая большая коллекция Рунета!