Справка:Таблицы

Материал из FictionBook
Версия от 16:11, 15 декабря 2005; FBAdmin (обсуждение | вклад)

(разн.) ← Предыдущая | Текущая версия (разн.) | Следующая → (разн.)
Перейти к: навигация, поиск

Таблицы являются удобной формой для отображения информации. Но таблицы выполняют лишь тогда свою цель, когда между строчками и столбцами имеется смысловая связь, т.е. информацию в них можно рассортировать неким образом, например, по дате или алфавиту.

С другой стороны, таблицы сложнее обычного текста. Так что применять их имеет смысл лишь там, где они действительно улучшают восприятие материала. Поэтому предварительно обдумывайте: не лучше ли использовать обычный список.

Таблицы в машинописном стиле без форматирования

Простейший и быстрейший способ создать таблицу - это написать ее в машинописном стиле. Столбцы и общий вид форматируются визуально.

Пример:
Климатическая таблиц
Месяцы:            январь февраль март апрель май июнь июль август сентябрь октябрь ноябрь декабрь

Дневная температура	21	21	22	23	25	27	29	28	26	24	22	20
Ночная температура	15	15	15	16	17	17	18	17	16	15	15	14
Солнечные часы/день	6	6	7	8	9	9	9	8	7	7	6	6
Дождливые дни/месяц	6	4	3	2	2	1	0	0	2	5	6	7
Температура воды	19	18	18	18	19	20	21	23	20	18	18	18

Прим: я использовал табуляцию для разделения полей

Простейшая таблица

Любая таблица в wiki-стиле начинается с фигурной скобки { с последующей вертикальной чертой | и заканчивается вертикальной чертой | с закрывающей фигурной скобкой }. Каждая ячейка строки начинается вертикальной черточки |, после которой пишется ее содержание.

Пример:
Таблица с одной строкой пишется так:
{|
 |Ячейка 1
 |Ячейка 2
 |Ячейка 3
 |}
В Википедии это будет выглядеть так:
Ячейка 1 Ячейка 2 Ячейка 3

Для введения следующей строки после вертикальной черточки ставится штрих "-". Таким образом можно вводить любое количество строк.

Пример:
Таблица в две строки пишется так:
{|
 |Ячейка 1*1
 |Ячейка 2*1
 |Ячейка 3*1
 |-
 |Ячейка 1*2
 |Ячейка 2*2
 |Ячейка 3*2
 |}
В Википедии это будет выглядеть так:
Ячейка 1*1 Ячейка 2*1 Ячейка 3*1
Ячейка 1*2 Ячейка 2*2 Ячейка 3*2
Таблица в три строки пишется так:
{|
 |Ячейка 1*1
 |Ячейка 2*1
 |Ячейка 3*1
 |-
 |Ячейка 1*2
 |Ячейка 2*2
 |Ячейка 3*2
 |-
 |Ячейка 1*3
 |Ячейка 2*3
 |Ячейка 3*3
 |}
А в Википедии это будет выглядеть так:
Ячейка 1*1 Ячейка 2*1 Ячейка 3*1
Ячейка 1*2 Ячейка 2*2 Ячейка 3*2
Ячейка 1*3 Ячейка 2*3 Ячейка 3*3

И так далее.

Табличные рамки

Вид рамки описывается в первой строке, сразу после {|. Не забудьте, что между ними должен быть пробел. В настоящее время возможно устанавливать лишь толщину рамки атрибутом border=n, где "n" - толщина линии рамки.

Пример:
Для последней таблицы рамку можно создать так:
{| border=1
 |Ячейка 1*1
 |Ячейка 2*1
 |Ячейка 3*1
 |-
 |Ячейка 1*2
 |Ячейка 2*2
 |Ячейка 3*2
 |-
 |Ячейка 1*3
 |Ячейка 2*3
 |Ячейка 3*3
 |}
В Википедии это будет выглядеть следующим образом:
Ячейка 1*1 Ячейка 2*1 Ячейка 3*1
Ячейка 1*2 Ячейка 2*2 Ячейка 3*2
Ячейка 1*3 Ячейка 2*3 Ячейка 3*3

Rowspanning и Colspanning

В wiki-стиле, как и в HTML, имеется возможность "растягивать" ячейки как по вертикали, так и по горизонтали. Для "растягивания" по вертикали применяется атрибут rowspan=n, где "n" - число ячеек, на которые должна "тянуться" данная ячейка. Этот атрибут вписывается перед содержанием "растягиваемой" ячейки.

Пример:
Вертикальное "растягивание" на две ячейки пишется так:
{| border=1
 |Ячейка 1 
 |rowspan=2 |Ячейка 2, растянута
 |Ячейка 3
 |- 
 |Ячейка 4
 |Ячейка 5
 |}
Выглядеть это будет так:
Ячейка 1 Ячейка 2, растянута Ячейка 3
Ячейка 4 Ячейка 5

Для "растягивания" по горизонтали используется атрибут colspan=n.

Пример:
{| border=1
 |Ячейка 1 
 |colspan=2 |Ячейка 2, растянута
 |-
 |Ячейка 3 
 |Ячейка 4
 |Ячейка 5
 |}
Выглядеть это будет так:
Ячейка 1 Ячейка 2, растянута
Ячейка 3 Ячейка 4 Ячейка 5

"Раскраска" таблиц

Текст, находящийся в таблице, можно сделать цветным. С этой целью применяются те же тэги, что и в HTML:

  • для отдельного слова - <font color="#ABCDEF">Teкст</font>;
  • для длинного текста - <div style="color:#ABCDEF">Текст, текст.</div>,

где "ABCDEF" - индекс цвета в Таблице цветов.

Пример:
Для "раскраски" текста пишут так:
{| border=1
 |Ячейка 1*1
 |Здесь цветное только <font color="#FF00FF">одно</font> слово.
 |Ячейка 3*1
 |-
 |Ячейка 1*2
 |Ячейка 2*2
 |<div style="color:#33CC66">А здесь выделен цветом длинный-длинный абзац.</div>
 |-
 |Ячейка 1*3
 |Ячейка 2*3
 |Ячейка 3*3
 |}
В Википедии это будет выглядеть следующим образом:
Ячейка 1*1 Здесь цветное только одно слово. Ячейка 3*1
Ячейка 1*2 Ячейка 2*2
А здесь выделен цветом длинный-длинный абзац.
Ячейка 1*3 Ячейка 2*3 Ячейка 3*3

Сделать цветную ячейку можно с помощью атрибута "bgcolor=#ABCDEF", где "ABCDEF" обозначает, как вы уже, наверное, догадались, индекс цвета в Таблице цветов.

Пример:
Для "раскраски" одной ячейки пишется так:
{| border=1
 |Ячейка 1*1
 |bgcolor=#FFCC00|Ячейка 2*1
 |Ячейка 3*1
 |-
 |Ячейка 1*2
 |Ячейка 2*2
 |Ячейка 3*2
 |-
 |bgcolor=#CCFF00|Ячейка 1*3
 |Ячейка 2*3
 |Ячейка 3*3
 |}
В Википедии это будет выглядеть следующим образом:
Ячейка 1*1 Ячейка 2*1 Ячейка 3*1
Ячейка 1*2 Ячейка 2*2 Ячейка 3*2
Ячейка 1*3 Ячейка 2*3 Ячейка 3*3

Чтобы сделать цветным фон всей таблицы, следует вписать атрибут "bgcolor=#ABCDEF" в первую строку таблицы, где ставиться и атрибут рамки:

{| border=1 bgcolor=#66FFFF
 |Ячейка 1*1
 |Ячейка 2*1
 |Ячейка 3*1
 |-
 |Ячейка 1*2
 |Ячейка 2*2
 |Ячейка 3*2
 |-
 |Ячейка 1*3
 |Ячейка 2*3
 |Ячейка 3*3
 |}
На сайте это будет выглядеть следующим образом:
Ячейка 1*1 Ячейка 2*1 Ячейка 3*1
Ячейка 1*2 Ячейка 2*2 Ячейка 3*2
Ячейка 1*3 Ячейка 2*3 Ячейка 3*3

Вложенные таблицы

Для создания таблицы внутри уже имеющейся, надо вписать в нужном месте фигурную скобку с вертикальной черточкой, как при написании обычной таблицы. Обратите внимание, что горизонтальной черточки в начале строки не должно быть. Не забудьте также закрыть внутреннюю таблицу.

Пример:
{| border=1
 |Ячейка 1
 |
 {| border=2
 |Ячейка A
 |-
 |Ячейка B
 |}
 |Ячейка 3
 |}
Выглядеть это будет так:
Ячейка 1
Ячейка A
Ячейка B
Ячейка 3

Название таблицы

Чтобы название таблицы было отцентрировано по ее ширине, нужно после вертикалной чёрточки поставить знак "+". Само название можно форматировать обычными wiki-атрибутами.

Пример:
{| border=1
 |+ Очень длинное-длинное название таблицы.
 |Ячейка 1
 |Ячейка 2
 |-
 |Ячейка 3
 |Ячейка 4
 |}
Выглядеть это будет так:
Очень длинное-длинное название таблицы.
Ячейка 1 Ячейка 2
Ячейка 3 Ячейка 4

Ширина таблицы

Если, например, подряд идут несколько отдельных таблиц, то желательно, чтобы ширина их была одинаковой, не зависимо от их содержания. Для фиксации ширины таблицы применяется атрибут width.

Пример:
{| border=1 width=75%
 |+Таблица 1
 |Ячейка 1*1 - long - long- long- long- long
 |Ячейка 1*2
 |-
 |Ячейка 1*3
 |Ячейка 1*4
 |}
{| border=1 width=75%
 |+Таблица 2
 |Ячейка 2*1
 |Ячейка 2*2
 |-
 |Ячейка 2*3
 |Ячейка 2*4
 |}
Выглядеть это будет так:
Таблица 1
Ячейка 1*1 - long - long- long- long- long Ячейка 1*2
Ячейка 1*3 Ячейка 1*4
Таблица 2
Ячейка 2*1 Ячейка 2*2
Ячейка 2*3 Ячейка 2*4