Ганджавики:Таблицы: различия между версиями
м
11 версий импортировано
(Новая страница: «{{TOC right}}<div style="text-align: center;"> <p>Справка • [[Викификатор:Викификатор|В…») |
м (11 версий импортировано) |
||
(не показано 10 промежуточных версий этого же участника) | |||
Строка 1: | Строка 1: | ||
{{TOC right}} | {{TOC right}} | ||
Таблицы являются удобной формой для отображения информации. Но таблицы выполняют лишь тогда свою цель, когда между строчками и столбцами имеется смысловая связь, то есть информацию в них можно рассортировать неким образом, например, по дате или алфавиту. Более подробно в [http://ru.wikipedia.org/wiki/Википедия:Таблицы статье таблицы]. | |||
С другой стороны, таблицы сложнее обычного текста. Так что применять их имеет смысл лишь там, где они действительно улучшают восприятие материала. Поэтому предварительно обдумывайте: не лучше ли использовать обычный список. | |||
== Основы == | |||
;Ячейка | |||
Любая таблица в wiki-стиле состоит из ячеек. | |||
Простейшая таблица состоит из одной ячейки: | |||
{| class="simple" border="1" | |||
|style="background:#FFCC00"|Это ячейка | |||
|} | |||
Cложные таблицы состоят из множества ячеек: | |||
{| class="simple" border="1" | |||
|style="background:#FFCC00"|Это ячейка | |||
| | |||
|- | |||
| | |||
|и это ячейка | |||
|} | |||
;Строка. Столбец | |||
Ячейки могут объединяться в строки и/или столбцы. Таблицы, состоящие из двух и более строк, называются ''многострочными''. | |||
{| class="simple" border="1" | |||
|style="background:#FFCC00"|← | |||
|style="background:#FFCC00"|Это строка | |||
|style="background:#FFCC00"|→ | |||
|- | |||
|← | |||
|и это строка | |||
|→ | |||
|} | |||
<br> | |||
{| class="simple" border="1" style="text-align:center" | |||
|style="background:#FFCC00"|↑||↑ | |||
|- | |||
|style="background:#FFCC00"|Это столбец||и это столбец | |||
|- | |||
|style="background:#FFCC00"|↓||↓ | |||
|} | |||
;Заголовок таблицы | |||
Дополнительным элементом таблицы является [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" | |||
|+ style="background:#FFCC00"|'''Это заголовок таблицы''' | |||
|Ячейка 1 | |||
|Ячейка 2 | |||
|Ячейка 3 | |||
|- | |||
|Ячейка 4 | |||
|Ячейка 5 | |||
|Ячейка 6 | |||
|} | |||
;Заголовок строки/столбца | |||
[[Ганджавики:Таблицы#Заголовок строки/столбца|Строки]] и [[Ганджавики:Таблицы#Строки и столбцы|столбцы]] в таблице тоже могут иметь [[Ганджавики:Таблицы#Заголовок строки/столбца|заголовки]]. | |||
{| class="simple" border="1" style="text-align:center" | |||
!style="background:#FFCC00"|Это заголовок столбца | |||
|и это заголовок столбца | |||
|- | |||
|Ячейка 1 | |||
|Ячейка 2 | |||
|- | |||
|Ячейка 3 | |||
|Ячейка 4 | |||
|}<br> | |||
{| class="simple" border="1" style="text-align:center" | |||
|и это заголовок строки||Ячейка 1||Ячейка 2||Ячейка 3 | |||
|- | |||
!style="background:#FFCC00"|Это заголовок строки | |||
|Ячейка 4 | |||
|Ячейка 5 | |||
|Ячейка 6 | |||
|} | |||
== | == Примеры простых таблиц == | ||
Любая таблица в wiki-стиле начинается с фигурной скобки '''{''' с последующей вертикальной чертой '''<nowiki>|</nowiki>''' и заканчивается вертикальной чертой '''<nowiki>|</nowiki>''' с закрывающей фигурной скобкой '''}'''. Каждая ячейка строки начинается с вертикальной черточки '''<nowiki>|</nowiki>''', после которой пишется её содержание. | Любая таблица в wiki-стиле начинается с фигурной скобки '''{''' с последующей вертикальной чертой '''<nowiki>|</nowiki>''' и заканчивается вертикальной чертой '''<nowiki>|</nowiki>''' с закрывающей фигурной скобкой '''}'''. Каждая ячейка строки начинается с вертикальной черточки '''<nowiki>|</nowiki>''', после которой пишется её содержание. | ||
'''Пример | === Пример однострочной таблицы === | ||
'''Пример записи ячеек с новой строчки''' | |||
{| | {| | ||
!Исходный код: | |||
| | | | ||
!Представление в Ганджавики: | |||
|- | |- | ||
|<pre> | |<pre> | ||
Строка 29: | Строка 107: | ||
|} | |} | ||
| | | | ||
{| | {| | ||
|Ячейка 1 | |Ячейка 1 | ||
|Ячейка 2 | |Ячейка 2 | ||
Строка 36: | Строка 114: | ||
|} | |} | ||
'''Пример записи ячеек в одну строчку:'''<br> | |||
Чтобы сделать записываемую в таблицу информацию более читабельной, можно писать ряды в одну строчку (если записи в них не очень длинные), отделяя их дополнительной вертикальной чертой. | |||
{| | |||
!Исходный код: | |||
| | |||
!Представление в Ганджавики: | |||
|- | |||
|<pre> | |||
{| | |||
|Ячейка 1||Ячейка 2||Ячейка 3 | |||
|}</pre> | |||
| | |||
{| cellspacing="10" | |||
| | |||
| | |||
|} | |||
| | |||
{| | |||
|Ячейка 1||Ячейка 2||Ячейка 3 | |||
|} | |||
|} | |||
Для введения следующей строки после вертикальной черточки ставится штрих «-». Таким образом можно вводить любое количество строк. | Для введения следующей строки после вертикальной черточки ставится штрих «-». Таким образом можно вводить любое количество строк. | ||
'''Пример:''' | === Пример многострочной таблицы === | ||
'''Пример записи ячеек с новой строчки:''' | |||
{| | {| | ||
!Исходный код: | |||
| | | | ||
!Представление в Ганджавики: | |||
|- | |- | ||
| | | | ||
Строка 60: | Строка 160: | ||
|} | |} | ||
| | | | ||
{| | {| | ||
|Ячейка 1*1 | |Ячейка 1*1 | ||
|Ячейка 2*1 | |Ячейка 2*1 | ||
Строка 70: | Строка 170: | ||
|} | |} | ||
|} | |} | ||
'''Пример записи ячеек в одну строчку:''' | |||
{| | {| | ||
!Исходный код: | |||
| | | | ||
!Представление в Ганджавики: | |||
|- | |- | ||
| | | | ||
<pre>{| | <pre>{| | ||
|Ячейка 1*1 | |Ячейка 1*1||Ячейка 2*1||Ячейка 3*1 | ||
|- | |- | ||
|Ячейка 1*2 | |Ячейка 1*2||Ячейка 2*2||Ячейка 3*2 | ||
|- | |- | ||
|Ячейка 1*3 | |Ячейка 1*3||Ячейка 2*3||Ячейка 3*3 | ||
|}</pre> | |}</pre> | ||
| | | | ||
Строка 96: | Строка 192: | ||
|} | |} | ||
| | | | ||
{| | {| | ||
|Ячейка 1*1 | |Ячейка 1*1||Ячейка 2*1||Ячейка 3*1 | ||
|- | |- | ||
|Ячейка 1*2 | |Ячейка 1*2||Ячейка 2*2||Ячейка 3*2 | ||
|- | |- | ||
|Ячейка 1*3 | |Ячейка 1*3||Ячейка 2*3||Ячейка 3*3 | ||
|} | |} | ||
|} | |} | ||
== Табличные рамки == | == Табличные рамки == | ||
Строка 121: | Строка 209: | ||
|Исходный код: | |Исходный код: | ||
| | | | ||
| | |Представление в Ганджавики: | ||
|- | |- | ||
| <pre>{| border=1 | | <pre>{| border=1 | ||
Строка 162: | Строка 250: | ||
|Исходный код: | |Исходный код: | ||
| | | | ||
| | |Представление в Ганджавики: | ||
|- | |- | ||
| <pre>{| class="standard" | | <pre>{| class="standard" | ||
Строка 198: | Строка 286: | ||
|} | |} | ||
== | == Заголовок строки/столбца == | ||
Чтобы содержимое ячейки выделялось жирным шрифтом и центрировалось, вместо вертикальных чёрточек ставятся восклицательные знаки. Обычно это применяется для выделения заголовков. | Чтобы содержимое ячейки выделялось жирным шрифтом и центрировалось, вместо вертикальных чёрточек ставятся восклицательные знаки. Обычно это применяется для выделения заголовков. | ||
'''Пример:''' | '''Пример:''' | ||
{| | {| | ||
| | |Исходный код: | ||
| | | | ||
| | |Представление в Ганджавики: | ||
|- | |- | ||
| | | | ||
<pre>{| border=1 | <pre>{| border=1 | ||
! | !Заголовок 1 | ||
! | !Заголовок 2 | ||
! | !Заголовок 3 | ||
|- | |- | ||
! | !Заголовок А | ||
|Ячейка | |Ячейка А2 | ||
|Ячейка | |Ячейка А3 | ||
|- | |- | ||
! | !Заголовок Б | ||
|Ячейка | |Ячейка Б2 | ||
|Ячейка | |Ячейка Б3 | ||
|- | |- | ||
! | !Заголовок В | ||
|Ячейка | |Ячейка В2 | ||
|Ячейка | |Ячейка В3 | ||
|}</pre> | |}</pre> | ||
| | | | ||
Строка 232: | Строка 320: | ||
| | | | ||
{| border=1 | {| border=1 | ||
! | !Заголовок 1 | ||
! | !Заголовок 2 | ||
! | !Заголовок 3 | ||
|- | |- | ||
! | !Заголовок А | ||
|Ячейка | |Ячейка А2 | ||
|Ячейка | |Ячейка А3 | ||
|- | |- | ||
! | !Заголовок Б | ||
|Ячейка | |Ячейка Б2 | ||
|Ячейка | |Ячейка Б3 | ||
|- | |- | ||
! | !Заголовок В | ||
|Ячейка | |Ячейка В2 | ||
|Ячейка | |Ячейка В3 | ||
|} | |} | ||
|} | |} | ||
Строка 253: | Строка 341: | ||
{| | {| | ||
| | |Исходный код: | ||
| | | | ||
| | |Представление в Ганджавики: | ||
|- | |- | ||
| | | | ||
<pre>{| class="standard" | <pre>{| class="standard" | ||
! | !Заголовок 1 | ||
! | !Заголовок 2 | ||
! | !Заголовок 3 | ||
|- | |- | ||
! | !Заголовок А | ||
|Ячейка | |Ячейка А2 | ||
|Ячейка | |Ячейка А3 | ||
|- | |- | ||
! | !Заголовок Б | ||
|Ячейка | |Ячейка Б2 | ||
|Ячейка | |Ячейка Б3 | ||
|- | |- | ||
! | !Заголовок В | ||
|Ячейка | |Ячейка В2 | ||
|Ячейка | |Ячейка В3 | ||
|}</pre> | |}</pre> | ||
| | | | ||
Строка 282: | Строка 370: | ||
| | | | ||
{| class="standard" | {| class="standard" | ||
! | !Заголовок 1 | ||
!Заголовок 2 | |||
!Заголовок 3 | |||
! | |||
! | |||
|- | |- | ||
|Ячейка | !Заголовок А | ||
|Ячейка А2 | |||
|Ячейка А3 | |||
|- | |- | ||
|Ячейка | !Заголовок Б | ||
|Ячейка Б2 | |||
|Ячейка Б3 | |||
|- | |- | ||
!Заголовок В | |||
|Ячейка В2 | |||
|Ячейка В3 | |||
! | |||
|Ячейка | |||
|} | |} | ||
|} | |} | ||
Строка 363: | Строка 416: | ||
|Ячейка 5 | |Ячейка 5 | ||
|} | |} | ||
|- | |||
|Для объединения по горизонтали используется атрибут ''colspan=n''. | |||
Для объединения по горизонтали используется атрибут ''colspan=n''. | || || || || | ||
|Выглядеть это будет так: | |||
< | |- | ||
|<pre>{| border=1 | |||
|Ячейка 1 | |Ячейка 1 | ||
|colspan=2 |Ячейка 2, объединяет два столбца | |colspan=2 |Ячейка 2, объединяет два столбца | ||
Строка 374: | Строка 428: | ||
|Ячейка 4 | |Ячейка 4 | ||
|Ячейка 5 | |Ячейка 5 | ||
|}</ | |}</pre> | ||
|| || || || | |||
| | |||
{| border=1 | {| border=1 | ||
|Ячейка 1 | |Ячейка 1 | ||
Строка 384: | Строка 439: | ||
|Ячейка 5 | |Ячейка 5 | ||
|} | |} | ||
|} | |||
== Цветовое оформление таблиц == | == Цветовое оформление таблиц == | ||
Строка 390: | Строка 446: | ||
* для длинного текста — <nowiki><div style="color:#ABCDEF">Текст, текст.</div></nowiki>, | * для длинного текста — <nowiki><div style="color:#ABCDEF">Текст, текст.</div></nowiki>, | ||
где «ABCDEF» — индекс цвета в [http://ru.wikipedia.org/wiki/Википедия:Таблица_цветов Таблице цветов]. | где «ABCDEF» — индекс цвета в [http://ru.wikipedia.org/wiki/Википедия:Таблица_цветов Таблице цветов]. | ||
'''Пример:''' | '''Пример:''' | ||
Для "раскраски" текста пишут так: | Для "раскраски" текста пишут так: | ||
<nowiki>{| border=1 | <nowiki>{| border="1" | ||
|Ячейка 1*1 | |Ячейка 1*1 | ||
|Здесь | |Здесь только одно <span style="color:#FF00FF">розовое</span> слово. | ||
|Ячейка 3*1 | |Ячейка 3*1 | ||
|- | |- | ||
|Ячейка 1*2 | |Ячейка 1*2 | ||
|Ячейка 2*2 | |Ячейка 2*2 | ||
|<div style="color:#33CC66">А здесь выделен | |<div style="color:#33CC66">А здесь зелёным цветом выделен длинный-длинный абзац.</div> | ||
|- | |- | ||
|Ячейка 1*3 | |Ячейка 1*3 | ||
Строка 405: | Строка 462: | ||
|Ячейка 3*3 | |Ячейка 3*3 | ||
|}</nowiki> | |}</nowiki> | ||
Представление в Ганджавики: | |||
{| border=1 | {| border=1 | ||
|Ячейка 1*1 | |Ячейка 1*1 | ||
Строка 436: | Строка 494: | ||
|Ячейка 3*3 | |Ячейка 3*3 | ||
|}</nowiki> | |}</nowiki> | ||
Представление в Ганджавики: | |||
{| border=1 | {| border=1 | ||
|Ячейка 1*1 | |Ячейка 1*1 | ||
Строка 449: | Строка 507: | ||
|Ячейка 2*3 | |Ячейка 2*3 | ||
|Ячейка 3*3 | |Ячейка 3*3 | ||
|} | |} | ||
Строка 661: | Строка 529: | ||
|}</nowiki> | |}</nowiki> | ||
Представление в Ганджавики: | |||
{| border=1 width=75% | {| border=1 width=75% | ||
|+Таблица 1 | |+Таблица 1 | ||
Строка 731: | Строка 599: | ||
== См. также == | == См. также == | ||
* [ | * [[Ганджавики:Иллюстрирование]] | ||
* [ | * [[Ганджавики:Внутренние ссылки]] | ||
* [[Ганджавики:Внешние ссылки]] | |||
* [[Ганджавики:Викификатор]] | |||
== Ссылки == | |||
* [http://ru.wikipedia.org/wiki/Википедия:Оформление_таблиц Оформление таблиц] | |||
* [http://ru.wikipedia.org/wiki/Википедия:Колонки Колонки] | |||
[[Категория:Ганджавики:Способы оформления статей]] | [[Категория:Ганджавики:Способы оформления статей]] |