Ганджавики:Таблицы: различия между версиями

Материал из Ганджавики
Перейти к навигации Перейти к поиску
м (11 версий импортировано)
 
(не показано 6 промежуточных версий этого же участника)
Строка 1: Строка 1:
{{TOC right}}<div style="text-align: center;">
{{TOC right}}
<p>[[Ганджавики:Справка|Справка]] &bull; [[Викификатор:Викификатор|Викификатор]] &bull; [[Ганджавики:Таблицы|Таблицы]] &bull; [[Ганджавики:Иллюстрирование|Изображения]] &bull; [[Ганджавики:Ссылки|Ссылки]]</p>
Таблицы являются удобной формой для отображения информации. Но таблицы выполняют лишь тогда свою цель, когда между строчками и столбцами имеется смысловая связь, то есть информацию в них можно рассортировать неким образом, например, по дате или алфавиту. Более подробно в [http://ru.wikipedia.org/wiki/Википедия:Таблицы статье таблицы].
<hr style="margin: 15px 0;" />
</div>
 
Таблицы являются удобной формой для отображения информации. Но таблицы выполняют лишь тогда свою цель, когда между строчками и столбцами имеется смысловая связь, то есть информацию в них можно рассортировать неким образом, например, по дате или алфавиту. Более подробно в статье [https://ru.wikipedia.org/wiki/Википедия:Таблицы таблицы].


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


Дополнительным элементом таблицы является [https://ru.wikipedia.org/wiki/%D0%92%D0%B8%D0%BA%D0%B8%D0%BF%D0%B5%D0%B4%D0%B8%D1%8F:%D0%A2%D0%B0%D0%B1%D0%BB%D0%B8%D1%86%D1%8B#.D0.97.D0.B0.D0.B3.D0.BE.D0.BB.D0.BE.D0.B2.D0.BE.D0.BA_.D1.82.D0.B0.D0.B1.D0.BB.D0.B8.D1.86.D1.8B заголовок таблицы].
Дополнительным элементом таблицы является [http://ru.wikipedia.org/wiki/Википедия:Таблицы#.D0.97.D0.B0.D0.B3.D0.BE.D0.BB.D0.BE.D0.B2.D0.BE.D0.BA_.D1.82.D0.B0.D0.B1.D0.BB.D0.B8.D1.86.D1.8B заголовок таблицы].


{| class="simple" border="1" style="text-align:center"
{| class="simple" border="1" style="text-align:center"
Строка 603: Строка 599:


== См. также ==
== См. также ==
* [https://ru.wikipedia.org/wiki/Википедия:Оформление_таблиц Оформление таблиц]
* [[Ганджавики:Иллюстрирование]]
* [https://ru.wikipedia.org/wiki/Википедия:Колонки Колонки]
* [[Ганджавики:Внутренние ссылки]]
* [[Ганджавики:Внешние ссылки]]
* [[Ганджавики:Викификатор]]
 
== Ссылки ==
* [http://ru.wikipedia.org/wiki/Википедия:Оформление_таблиц Оформление таблиц]
* [http://ru.wikipedia.org/wiki/Википедия:Колонки Колонки]


[[Категория:Ганджавики:Способы оформления статей]]
[[Категория:Ганджавики:Способы оформления статей]]

Текущая версия от 22:20, 3 августа 2016

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

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

Основы

Ячейка

Любая таблица в 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||Ячейка 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

Изменять оформление рамки таблицы также можно с помощью атрибута class. Как правило, рекомендуется использовать class="standard":

Исходный код:   Представление в Ганджавики:
{| class="standard"
 |Ячейка 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
 !Заголовок 2
 !Заголовок 3
 |-
 !Заголовок А
 |Ячейка А2
 |Ячейка А3
 |-
 !Заголовок Б
 |Ячейка Б2
 |Ячейка Б3
 |-
 !Заголовок В
 |Ячейка В2
 |Ячейка В3
 |}
   
Заголовок 1 Заголовок 2 Заголовок 3
Заголовок А Ячейка А2 Ячейка А3
Заголовок Б Ячейка Б2 Ячейка Б3
Заголовок В Ячейка В2 Ячейка В3

В классе "standard" заголовки подсвечиваются:

Исходный код:   Представление в Ганджавики:
{| class="standard"
 !Заголовок 1
 !Заголовок 2
 !Заголовок 3
 |-
 !Заголовок А
 |Ячейка А2
 |Ячейка А3
 |-
 !Заголовок Б
 |Ячейка Б2
 |Ячейка Б3
 |-
 !Заголовок В
 |Ячейка В2
 |Ячейка В3
 |}
   
Заголовок 1 Заголовок 2 Заголовок 3
Заголовок А Ячейка А2 Ячейка А3
Заголовок Б Ячейка Б2 Ячейка Б3
Заголовок В Ячейка В2 Ячейка В3

Объединение ячеек

В 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:

  • для отдельного слова — <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*1 - long - long- long- long- long Ячейка 1*2
Ячейка 1*3 Ячейка 1*4
Таблица 2
Ячейка 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*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
 |}
       
Ячейка 1
Ячейка A
Ячейка B
Ячейка 3

См. также

Ссылки