Таблиці

Таблиці

Таблиці використовуються для створення дизайну сайта. Вся таблиця знаходиться між тегами < table>...</table>, вказувати закриваючий тег потрібно обов'язково.

Загальні параметри для таблиці:

align

Задає вирівнювання таблиці.

width

Ширина таблиці в точках чи процентному відношенні.

height

Висота таблиці в точках чи процентному відношенні.

border

Ширина границі таблиці. Задається в точках. Якщо вказати border=0, то отримаємо "невидиму" таблицю.

cellspacing

Відстань від комірки таблиці до рамки навколо неї.

cellpadding

Відстань від краю комірки до її вмісту.

bgcolor

Колір фону таблиці.

background

Зображення, що буде відображатися як фон таблиці.

Теги <caption>...</caption> використовують, якщо потрібно вказати заголовок таблиці. Вони розташовані після тега <table>

Для створення нового рядка в таблиці використовують тег <tr>. Тег <td> створює нову комірку. Кількість комірок в кожному рядку повинна бути однакова.

Для тега <tr> існують параметри: align, bgcolor, height, valign, width.

Для комірок можна вказувати всі параметри строк, а також colspan і rowspan.

background

Фонове зображення для комірки.

colspan

Об'днати комірки по горизонталі.

rowspan

Об'днати комірки по вертикалі.

Дозволяється вкладати таблиці одна в одну.

Наприклад

<table align=center border="1" width="593" cellspacing="0" cellpadding="0" bgcolor="#C0C0C0" height="50%"> <caption>Табличка для прикладу</caption> <tr align=center height=150> <td valign="top" width="195"> <td valign="top" width="250"> <td rowspan="2" background="wind1.gif" width="140"> <tr height=20 bgcolor=#66CCFF > <td width="195"> <td width="250"> <tr height=30 > <td width="195"> <td colspan="2" > </table>

Для тегів <tr> i <td> закриваючий тег вказувати не обов'язково.