Ганджавики:Таблицы
Справка • Викификатор • Таблицы • Изображения • Ссылки
Таблицы являются удобной формой для отображения информации. Но таблицы выполняют лишь тогда свою цель, когда между строчками и столбцами имеется смысловая связь, то есть информацию в них можно рассортировать неким образом, например, по дате или алфавиту. Более подробно в статье таблицы.
С другой стороны, таблицы сложнее обычного текста. Так что применять их имеет смысл лишь там, где они действительно улучшают восприятие материала. Поэтому предварительно обдумывайте: не лучше ли использовать обычный список.
Основы
- Ячейка
Любая таблица в wiki-стиле состоит из ячеек.
Простейшая таблица состоит из одной ячейки:
Это ячейка |
Cложные таблицы состоят из множества ячеек:
Это ячейка | |
и это ячейка |
- Строка. Столбец
Ячейки могут объединяться в строки и/или столбцы. Таблицы, состоящие из двух и более строк, называются многострочными.
← | Это строка | → |
← | и это строка | → |
↑ | ↑ |
Это столбец | и это столбец |
↓ | ↓ |
- Заголовок таблицы
Дополнительным элементом таблицы является заголовок таблицы.
Ячейка 1 | Ячейка 2 | Ячейка 3 |
Ячейка 4 | Ячейка 5 | Ячейка 6 |
- Заголовок строки/столбца
Строки и столбцы в таблице тоже могут иметь заголовки.
Это заголовок столбца | и это заголовок столбца |
---|---|
Ячейка 1 | Ячейка 2 |
Ячейка 3 | Ячейка 4 |
и это заголовок строки | Ячейка 1 | Ячейка 2 | Ячейка 3 |
Это заголовок строки | Ячейка 4 | Ячейка 5 | Ячейка 6 |
---|
Примеры простых таблиц
Любая таблица в 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*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 |} |
|
|
Изменять оформление рамки таблицы также можно с помощью атрибута class
. Как правило, рекомендуется использовать class="standard"
:
Исходный код: | Представление в Ганджавики: | ||||||||||||
{| class="standard" |Ячейка 1*1 |Ячейка 2*1 |Ячейка 3*1 |- |Ячейка 1*2 |Ячейка 2*2 |Ячейка 3*2 |- |Ячейка 1*3 |Ячейка 2*3 |Ячейка 3*3 |} |
|
|
Заголовок строки/столбца
Чтобы содержимое ячейки выделялось жирным шрифтом и центрировалось, вместо вертикальных чёрточек ставятся восклицательные знаки. Обычно это применяется для выделения заголовков.
Пример:
Исходный код: | Представление в Ганджавики: | |||||||||||||||
{| border=1 !Заголовок 1 !Заголовок 2 !Заголовок 3 |- !Заголовок А |Ячейка А2 |Ячейка А3 |- !Заголовок Б |Ячейка Б2 |Ячейка Б3 |- !Заголовок В |Ячейка В2 |Ячейка В3 |} |
|
|
В классе "standard"
заголовки подсвечиваются:
Исходный код: | Представление в Ганджавики: | |||||||||||||||
{| class="standard" !Заголовок 1 !Заголовок 2 !Заголовок 3 |- !Заголовок А |Ячейка А2 |Ячейка А3 |- !Заголовок Б |Ячейка Б2 |Ячейка Б3 |- !Заголовок В |Ячейка В2 |Ячейка В3 |} |
|
|
Объединение ячеек
В wiki-стиле, как и в HTML, имеется возможность объединять несколько ячеек как по вертикали, так и по горизонтали. Для объединения по вертикали применяется атрибут rowspan=n, где «n» — число ячеек, которые должна объединить данная ячейка. Этот атрибут вписывается перед содержанием объединяющей ячейки.
Пример:
Вертикальное объединение двух ячеек пишется так: | Выглядеть это будет так: | ||||||||||
{| border=1 |Ячейка 1 |rowspan=2 |Ячейка 2, объединяет два ряда таблицы |Ячейка 3 |- |Ячейка 4 |Ячейка 5 |} |
| ||||||||||
Для объединения по горизонтали используется атрибут colspan=n. | Пример: | ||||||||||
{| border=1 |Ячейка 1 |colspan=2 |Ячейка 2, объединяет два столбца |- |Ячейка 3 |Ячейка 4 |Ячейка 5 |} |
|
Цветовое оформление таблиц
Текст, находящийся в таблице, можно сделать цветным. С этой целью применяются те же тэги, что и в HTML:
- для отдельного слова — <span style="color:#ABCDEF">Teкст</span>;
- для длинного текста — <div style="color:#ABCDEF">Текст, текст.</div>,
где «ABCDEF» — индекс цвета в Таблице цветов.
Пример: Для "раскраски" текста пишут так: {| border="1" |Ячейка 1*1 |Здесь только одно <span style="color:#FF00FF">розовое</span> слово. |Ячейка 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 |
Ширина таблицы и столбцов
Если, например, подряд идут несколько отдельных таблиц, то желательно, чтобы ширина их была одинаковой, независимо от их содержания. Для фиксации ширины таблицы применяется атрибут 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 - long - long- long- long- long | Ячейка 1*2 |
Ячейка 1*3 | Ячейка 1*4 |
Ячейка 2*1 | Ячейка 2*2 |
Ячейка 2*3 | Ячейка 2*4 |
С помощью этого же атрибута можно регулировать ширину отдельных столбцов:
Пример: {| border=1 width=75% |+Таблица 1 | width=40%|Ячейка 1*1 - long - long- long- long- long | width=20%|Ячейка 1*2 - long - long- long- long- long | width=40%|Ячейка 1*3 - long - long- long- long- long |- |Ячейка 1*4 |Ячейка 1*5 |Ячейка 1*6 |}
Ячейка 1*1 - long - long- long- long- long | Ячейка 1*2 - long - long- long- long- long | Ячейка 1*3 - long - long- long- long- long |
Ячейка 1*4 | Ячейка 1*5 | Ячейка 1*6 |
Для задания определённой ширины ячейки с вложенной таблицей следует указать для неё атрибут width, но закрыть этот атрибут вертикальной чёрточкой:
{| border=1 |Ячейка 1 | width=50%| {| border=2 |Ячейка A |- |Ячейка B |} |Ячейка 3 |} |
|