Створюємо складну таблицю html

Крім обов'язкових тегів, які використовуються в таблиці, таких як

, і
, про яких говорилося в попередньому повідомленні, параметри таблиці задаються такими прерменнимі, як ALIGN. BGCOLOR. BORDER. BORDERCOLOR. CELLPADDING. CELLSPACING. HEIGHT. WIDTH. COLSPAN. NOWRAP. ROWSPAN. VALIGN. Зупинимося на них докладніше. Спочатку розглянемо ті, які задають параметри самої таблиці:


ALIGN - вирівнювання таблиці по правому (right) або лівому (left) краю.
BGCOLOR - колір фону таблиці.
BORDER - товщина бордюру в пікселях.
BORDERCOLOR - колір бордюру.
CELLPADDING - відстань між бордюром і вмістом осередки.
CELLSPACING - відстань між двома рамками таблиці (тому що за замовчуванням, таблиця має подвійну рамку, і якщо задати значення cellspacing = 0, то рамка буде одинарна.
HEIGHT - висота таблиці, може вимірюватися як в пікселях (в цьому випадку одиницю виміру опускаємо, тобто наприклад, height = "100", так і в% (тоді це буде виглядати наступним чином: height = "100%").
WIDTH - ширина таблиці, так само як і висота вимірюється в пікселях і в процентах.
style = "float: left; margin: 0 5px 2px 0;" - обтікання таблиці текстом зліва,
style = "float: right; margin: 0 0 2px 5px;" - обтікання таблиці текстом справа.
Параметри елементів таблиці:
ALIGN - так само означає вирівнювання вмісту осередків таблиці.
BGCOLOR - колір фону комірки,
BORDERCOLOR - колір рамки осередку,
COLSPAN - число елементів таблиці, об'єднаних по горизонталі, таким чином можна задати, наприклад, шапку таблиці.
NOWRAP - змушує вміст комірки відображатися в ній без переносу по рядку.
ROWSPAN - показує число осередків, об'єднаних по вертикалі.
VALIGN - вертикальне вирівнювання вмісту комірки. Змінні: top - по верхньому краю, middle - по середині, bottom - по нижньому краю.
Приклад таблиці, з об'єднаними осередками по вертикалі.

Вміст, об'єднаних по вертикалі

Осередок 1 строкі1

Осередок 2 строкі1

Осередок 1 Рядок 2

Осередок 2 Рядок 2









Вміст, об'єднаних по вертикаліОсередок 1 строкі1Осередок 2 строкі1
Осередок 1 Рядок 2 Осередок 2 Рядок 2

Вміст об'єднаних по горизонт.

Ячейка3 другого рядка

Приклад таблиці, з об'єднаними осередками по горизонталі.





Вміст об'єднаних по горизонт.
Ячейка1 строкі1Ячейка2 строкі2 Ячейка3 другого рядка

P.S. Не варто забувати про те, що не всі теги і не всі параметри HTML можуть адекватно відображатися на Вашій сторінки. Це в першу чергу, залежить, від обраного Вами блогохостинга, а також може залежати від браузера.