Як вставити таблицю в сайт

Мови розмітки HTML, Wiki і BB-Code оснащені засобами для створення таблиць. Це дозволяє поміщати до складу документів або повідомлень форуму інформацію про порівняльні характеристики тих чи інших об'єктів, статистичні та інші дані.
Як вставити таблицю в сайт
Інструкція
1
Для створення таблиці в документі на мови HTML спочатку відкрийте її тегом . Після цього відкрийте її перший рядок тегом (TR - це скорочення від table row, тобто, рядок таблиці). Тепер можна вставити в рядок бажане число осередків. Кожну з них оформляйте, відкривши тег . Тут скорочення TD означає table data, тобто, дані таблиці. Розмістивши таким чином необхідне число вічок, закрийте рядок тегом. Коли ж будуть введені всі рядки, закрийте саму таблицю, використовуючи тег
, запровадивши після нього дані, а потім помістив закриває тег
, наприклад:








ПриміщенняКількість розеток
Передпокій1
Санвузол0
Кухня2
Кімната3
Балкон0
2
Додаючи до тегу параметри, можна змінювати колір і товщину її ліній. Так, щоб зовнішній периметр таблиці вийшов товщиною в один піксель, а внутрішні лінії - в два пікселя, і все це було пофарбовано в темно-синій колір, використовуйте таку конструкцію:

3
Щоб об'єднати кількох осередків по горизонталі, використовуйте спільно з тегом
параметр colspan. Так, якщо написати , то вийде осередок шириною в два стовпці.
4
При складанні повідомлення у форумі, де використовується мова розмітки BB-Code, для створення таблиць використовуйте ті ж теги, але замість кутових дужок використовуйте квадратні. Виглядати це може так:



[Table]
[Tr] [td] Приміщення [/ td] [td] Кількість розеток [/ td] [/ tr]
[Tr] [td] Передпокій [/ td] [td] 1 [/ td] [/ tr]
[Tr] [td] Санвузол [/ td] [td] 0 [/ td] [/ tr]
[Tr] [td] Кухня [/ td] [td] 2 [/ td] [/ tr]
[Tr] [td] Кімната [/ td] [td] 3 [/ td] [/ tr]
[Tr] [td] Балкон [/ td] [td] 0 [/ td] [/ tr]
[/ Table]

Цей прийом працює не у всіх форумах, та й у тих, де є відповідна функція, підтримуються не всі теги.

5
На мові розмітки Wiki таблиці оформляйте як показано нижче:

Знак | використовується тут для переходу в наступний осередок, а конструкція | - призначена для перекладу рядка.


Увага, тільки СЬОГОДНІ!