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

Перейти к навигации Перейти к поиску

Ганджавики:Таблицы (посмотреть исходный код)

Версия от 00:31, 24 ноября 2014

6006 байт убрано ,  24 ноября 2014
нет описания правки
Нет описания правки
Нет описания правки
Строка 11: Строка 11:
;Ячейка
;Ячейка


Любая таблица в wiki-стиле состоит из [[Ганджавики:Таблицы#Ячейки|ячеек]].  
Любая таблица в wiki-стиле состоит из ячеек.  


Простейшая таблица состоит из одной ячейки:
Простейшая таблица состоит из одной ячейки:
Строка 31: Строка 31:
;Строка. Столбец
;Строка. Столбец


Ячейки могут объединяться в [[Ганджавики:Таблицы#Строки и столбцы|строки]] и/или [[Ганджавики:Таблицы#Строки и столбцы|столбцы]]. Таблицы, состоящие из двух и более строк, называются ''многострочными''.
Ячейки могут объединяться в строки и/или столбцы. Таблицы, состоящие из двух и более строк, называются ''многострочными''.


{| class="simple" border="1"
{| class="simple" border="1"
Строка 53: Строка 53:
;Заголовок таблицы
;Заголовок таблицы


Дополнительным элементом таблицы является [[Ганджавики:Таблицы#Заголовок таблицы|заголовок таблицы]].  
Дополнительным элементом таблицы является [https://ru.wikipedia.org/wiki/Википедия:Таблицы#Заголовок_таблицы заголовок таблицы].  


{| class="simple" border="1" style="text-align:center"
{| class="simple" border="1" style="text-align:center"
Строка 68: Строка 68:
;Заголовок строки/столбца
;Заголовок строки/столбца


[[Ганджавики:Таблицы#Строки и столбцы|Строки]] и [[Ганджавики:Таблицы#Строки и столбцы|столбцы]] в таблице тоже могут иметь [[Ганджавики:Таблицы#Заголовок строки/столбца|заголовки]].
[[Ганджавики:Таблицы#Заголовок строки/столбца|Строки]] и [[Ганджавики:Таблицы#Строки и столбцы|столбцы]] в таблице тоже могут иметь [[Ганджавики:Таблицы#Заголовок строки/столбца|заголовки]].


{| class="simple" border="1" style="text-align:center"
{| class="simple" border="1" style="text-align:center"
Строка 92: Строка 92:
Любая таблица в wiki-стиле начинается с фигурной скобки '''{''' с последующей вертикальной чертой '''<nowiki>|</nowiki>''' и заканчивается вертикальной чертой '''<nowiki>|</nowiki>''' с закрывающей фигурной скобкой '''}'''. Каждая ячейка строки начинается с вертикальной черточки '''<nowiki>|</nowiki>''', после которой пишется её содержание.
Любая таблица в wiki-стиле начинается с фигурной скобки '''{''' с последующей вертикальной чертой '''<nowiki>|</nowiki>''' и заканчивается вертикальной чертой '''<nowiki>|</nowiki>''' с закрывающей фигурной скобкой '''}'''. Каждая ячейка строки начинается с вертикальной черточки '''<nowiki>|</nowiki>''', после которой пишется её содержание.


'''Пример:'''
=== Пример однострочной таблицы ===
'''Пример записи ячеек с новой строчки'''
{|
{|
|Исходный код таблицы с одной строкой:
!Исходный код:
|&nbsp;
|&nbsp;
|Представление в Ганджавики:
!Представление в Ганджавики:
|-
|-
|<pre>
|<pre>
Строка 117: Строка 118:
|}
|}


'''Пример записи ячеек в одну строчку:'''<br>
Чтобы сделать записываемую в таблицу информацию более читабельной, можно писать ряды в одну строчку (если записи в них не очень длинные), отделяя их дополнительной вертикальной чертой.
{|
!Исходный код:
|&nbsp;
!Представление в Ганджавики:
|-
|<pre>
{|
|Ячейка 1||Ячейка 2||Ячейка 3
|}</pre>
|
{| cellspacing="10"
|&nbsp;
|&nbsp;
|}
|
{|
|Ячейка 1||Ячейка 2||Ячейка 3
|}
|}
Для введения следующей строки после вертикальной черточки ставится штрих «-». Таким образом можно вводить любое количество строк.
Для введения следующей строки после вертикальной черточки ставится штрих «-». Таким образом можно вводить любое количество строк.


'''Пример:'''
=== Пример многострочной таблицы ===
'''Пример записи ячеек с новой строчки:'''
{|
{|
|Исходный код таблицы в две строки:
!Исходный код:
|&nbsp;
|&nbsp;
|Представление в Ганджавики:
!Представление в Ганджавики:
|-
|-
|
|
Строка 151: Строка 174:
  |}
  |}
|}
|}
 
'''Пример записи ячеек в одну строчку:'''
 
{|
{|
|Таблица в три строки пишется так:
!Исходный код:
|&nbsp;
|&nbsp;
|Представление в Ганджавики:
!Представление в Ганджавики:
|-
|-
|
|
  <pre>{|
  <pre>{|
  |Ячейка 1*1
  |Ячейка 1*1||Ячейка 2*1||Ячейка 3*1
|Ячейка 2*1
|Ячейка 3*1
  |-
  |-
  |Ячейка 1*2
  |Ячейка 1*2||Ячейка 2*2||Ячейка 3*2
|Ячейка 2*2
|Ячейка 3*2
  |-
  |-
  |Ячейка 1*3
  |Ячейка 1*3||Ячейка 2*3||Ячейка 3*3
|Ячейка 2*3
|Ячейка 3*3
  |}</pre>
  |}</pre>
|
|
Строка 178: Строка 197:
|
|
  {|
  {|
  |Ячейка 1*1
  |Ячейка 1*1||Ячейка 2*1||Ячейка 3*1
|Ячейка 2*1
|Ячейка 3*1
  |-
  |-
  |Ячейка 1*2
  |Ячейка 1*2||Ячейка 2*2||Ячейка 3*2
|Ячейка 2*2
|Ячейка 3*2
  |-
  |-
  |Ячейка 1*3
  |Ячейка 1*3||Ячейка 2*3||Ячейка 3*3
|Ячейка 2*3
|Ячейка 3*3
  |}
  |}
|}
|}
И так далее.


== Табличные рамки ==
== Табличные рамки ==
Строка 279: Строка 290:
|}
|}


== Заголовки ==
== Заголовок строки/столбца ==
Чтобы содержимое ячейки выделялось жирным шрифтом и центрировалось, вместо вертикальных чёрточек ставятся восклицательные знаки. Обычно это применяется для выделения заголовков.  
Чтобы содержимое ячейки выделялось жирным шрифтом и центрировалось, вместо вертикальных чёрточек ставятся восклицательные знаки. Обычно это применяется для выделения заголовков.  


'''Пример:'''
'''Пример:'''
{|
{|
|Для последней таблицы можно написать так:
|Исходный код:
|&nbsp;
|&nbsp;
|Представление в Ганджавики:
|Представление в Ганджавики:
Строка 290: Строка 301:
|
|
  <pre>{| border=1
  <pre>{| border=1
  !Первый столбец
  !Заголовок 1
  !Второй столбец
  !Заголовок 2
  !Третий столбец
  !Заголовок 3
  |-
  |-
  !Первая строчка
  !Заголовок А
  |Ячейка 2*1
  |Ячейка А2
  |Ячейка 3*1
  |Ячейка А3
  |-
  |-
  !Вторая строчка
  !Заголовок Б
  |Ячейка 2*2
  |Ячейка Б2
  |Ячейка 3*2
  |Ячейка Б3
  |-
  |-
  !Третья строчка
  !Заголовок В
  |Ячейка 2*3
  |Ячейка В2
  |Ячейка 3*3
  |Ячейка В3
  |}</pre>
  |}</pre>
|
|
Строка 313: Строка 324:
|
|
  {| border=1  
  {| border=1  
  !Первый столбец
  !Заголовок 1
  !Второй столбец
  !Заголовок 2
  !Третий столбец
  !Заголовок 3
  |-
  |-
  !Первая строчка
  !Заголовок А
  |Ячейка 2*1
  |Ячейка А2
  |Ячейка 3*1
  |Ячейка А3
  |-
  |-
  !Вторая строчка
  !Заголовок Б
  |Ячейка 2*2
  |Ячейка Б2
  |Ячейка 3*2
  |Ячейка Б3
  |-
  |-
  !Третья строчка
  !Заголовок В
  |Ячейка 2*3
  |Ячейка В2
  |Ячейка 3*3
  |Ячейка В3
  |}
  |}
|}
|}
Строка 334: Строка 345:


{|
{|
|Для последней таблицы можно написать так:
|Исходный код:
|&nbsp;
|&nbsp;
|Представление в Ганджавики:
|Представление в Ганджавики:
Строка 340: Строка 351:
|
|
  <pre>{| class="standard"
  <pre>{| class="standard"
  !Первый столбец
  !Заголовок 1
  !Второй столбец
  !Заголовок 2
  !Третий столбец
  !Заголовок 3
  |-
  |-
  !Первая строчка
  !Заголовок А
  |Ячейка 2*1
  |Ячейка А2
  |Ячейка 3*1
  |Ячейка А3
  |-
  |-
  !Вторая строчка
  !Заголовок Б
  |Ячейка 2*2
  |Ячейка Б2
  |Ячейка 3*2
  |Ячейка Б3
  |-
  |-
  !Третья строчка
  !Заголовок В
  |Ячейка 2*3
  |Ячейка В2
  |Ячейка 3*3
  |Ячейка В3
  |}</pre>
  |}</pre>
|
|
Строка 363: Строка 374:
|
|
  {| class="standard"
  {| class="standard"
  !Первый столбец
  !Заголовок 1
!Второй столбец
  !Заголовок 2
!Третий столбец
  !Заголовок 3
|-
!Первая строчка
|Ячейка 2*1
|Ячейка 3*1
|-
  !Вторая строчка
|Ячейка 2*2
|Ячейка 3*2
|-
!Третья строчка
|Ячейка 2*3
|Ячейка 3*3
|}
|}
 
== Запись в одну строчку ==
Чтобы сделать записываемую в таблицу информацию более читабельной, можно писать ряды в одну строчку (если записи в них не очень длинные), отделяя их дополнительной вертикальной чертой.
 
'''Пример:'''
{|
|Исходный код:
|&nbsp;
|Представление в Ганджавики:
|-
| <pre>{| border=1
  !Первый столбец||Второй столбец||Третий столбец
|-
|Ячейка 1*1||Ячейка 2*1||Ячейка 3*1
|-
|Ячейка 1*2||Ячейка 2*2||Ячейка 3*2
|-
|Ячейка 1*3||Ячейка 2*3||Ячейка 3*3
|}</pre>
|
{| cellspacing="10"
|&nbsp;
|&nbsp;
|}
|
{| border=1
!Первый столбец||Второй столбец||Третий столбец
  |-
  |-
  |Ячейка 1*1||Ячейка 2*1||Ячейка 3*1
!Заголовок А
  |Ячейка А2
|Ячейка А3
  |-
  |-
  |Ячейка 1*2||Ячейка 2*2||Ячейка 3*2
!Заголовок Б
  |Ячейка Б2
|Ячейка Б3
  |-
  |-
  |Ячейка 1*3||Ячейка 2*3||Ячейка 3*3
!Заголовок В
  |Ячейка В2
|Ячейка В3
  |}
  |}
|}
|}
Строка 444: Строка 420:
   |Ячейка 5
   |Ячейка 5
   |}
   |}
|}
|-
 
|Для объединения по горизонтали используется атрибут ''colspan=n''.
Для объединения по горизонтали используется атрибут ''colspan=n''.
  ||&nbsp;||&nbsp;||&nbsp;||&nbsp;
  '''Пример:'''
|'''Пример:'''
  <nowiki>{| border=1
  |-
|<pre>{| border=1
  |Ячейка 1  
  |Ячейка 1  
  |colspan=2 |Ячейка 2, объединяет два столбца
  |colspan=2 |Ячейка 2, объединяет два столбца
Строка 455: Строка 432:
  |Ячейка 4
  |Ячейка 4
  |Ячейка 5
  |Ячейка 5
  |}</nowiki>
  |}</pre>
Выглядит это так:
||&nbsp;||&nbsp;||&nbsp;||&nbsp;
|
  {| border=1
  {| border=1
  |Ячейка 1  
  |Ячейка 1  
Строка 465: Строка 443:
  |Ячейка 5
  |Ячейка 5
  |}
  |}
 
|}
== Цветовое оформление таблиц ==
== Цветовое оформление таблиц ==
'''Текст''', находящийся в таблице, можно сделать цветным. С этой целью применяются те же тэги, что и в HTML:
'''Текст''', находящийся в таблице, можно сделать цветным. С этой целью применяются те же тэги, что и в HTML:
Строка 471: Строка 449:
* для длинного текста — <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> слово.
  |Здесь только одно <span style="color:#FF00FF">розовое</span> слово.
  |Ячейка 3*1
  |Ячейка 3*1
  |-
  |-
  |Ячейка 1*2
  |Ячейка 1*2
  |Ячейка 2*2
  |Ячейка 2*2
  |<div style="color:#33CC66">А здесь выделен цветом длинный-длинный абзац.</div>
  |<div style="color:#33CC66">А здесь зелёным цветом выделен длинный-длинный абзац.</div>
  |-
  |-
  |Ячейка 1*3
  |Ячейка 1*3
Строка 486: Строка 465:
  |Ячейка 3*3
  |Ячейка 3*3
  |}</nowiki>
  |}</nowiki>
Представление в Ганджавики:
Представление в Ганджавики:
  {| border=1
  {| border=1
Строка 530: Строка 510:
  |Ячейка 2*3
  |Ячейка 2*3
  |Ячейка 3*3
  |Ячейка 3*3
|}
== Вложенные таблицы ==
Для создания таблицы внутри уже имеющейся, надо вписать в нужном месте фигурную скобку с вертикальной черточкой, как при написании обычной таблицы. Обратите внимание, что горизонтальной черточки в начале строки '''не должно''' быть. Не забудьте также закрыть внутреннюю таблицу.
'''Пример:'''
<nowiki>{| border=1
|Ячейка 1
|
{| border=2
  |Ячейка A
  |-
  |Ячейка B
  |}
|Ячейка 3
|}</nowiki>
Выглядеть это будет так:
{| border=1
|Ячейка 1
|
{| border=2
  |Ячейка A
  |-
  |Ячейка B
  |}
|Ячейка 3
|}
Таким способом длинную узкую таблицу можно оформить более элегантно. Например, вы решили, что ваша таблица будет лучше смотреться, если её расположить в виде трёх рядом расположенных отдельных табличек. Сначала напишите код таблицы из одной строки, но с пятью столбцами:
{|
|
<pre>{|
|Столбец 1
|Столбец 2
|Столбец 3
|Столбец 4
|Столбец 5
|}</pre>
|В 1, 3 и 5 столбцах будут располагаться сами таблицы, а 2 и 4 предназначены для пробелов между ними.
|}
Разделите свою длинную таблицу на три равных части, оформите их как отдельные таблицы с соответствующими атрибутами и вставьте вместо записей «Столбец 1», «Столбец 3» и «Столбец 5».
Вместо записей «Столбец 2» и «Столбец 4» вставьте знак вынужденного пробела. Если расстояние между таблицами вам покажется узковатым, то добавьте ещё значки вынужденного пробела (отделяя их друг от друга двумя вертикальными чёрточками).
{|
|<pre>{|
|
{| class="standard"
  !Заголовок 1||Заголовок 2
  |-
  |Ячейка 1-1||Ячейка 1-2
  |-
  |Ячейка 1-3||Ячейка 1-4
  |-
  |Ячейка 1-5||Ячейка 1-6
  |-
  |Ячейка 1-7||Ячейка 1-8
  |-
  |Ячейка 1-9||Ячейка 1-10
  |-
  |Ячейка 1-11||Ячейка 1-12
  |}
|&nbsp;||&nbsp;
|
{| class="standard"
  !Заголовок 1||Заголовок 2
  |-
  |Ячейка 3-1||Ячейка 3-2
  |-
  |Ячейка 3-3||Ячейка 3-4
  |-
  |Ячейка 3-5||Ячейка 3-6
  |-
  |Ячейка 3-7||Ячейка 3-8
  |-
  |Ячейка 3-9||Ячейка 3-10
  |-
  |Ячейка 3-11||Ячейка 3-12
  |}
|&nbsp;||&nbsp;
|
{| class="standard"
  !Заголовок 1||Заголовок 2
  |-
  |Ячейка 5-1||Ячейка 5-2
  |-
  |Ячейка 5-3||Ячейка 5-4
  |-
  |Ячейка 5-5||Ячейка 5-6
  |-
  |Ячейка 5-7||Ячейка 5-8
  |-
  |Ячейка 5-9||Ячейка 5-10
  |-
  |Ячейка 5-11||Ячейка 5-12
  |}
|}</pre>
|&nbsp;||&nbsp;||&nbsp;||&nbsp;
| valign="top"|
{|
  |
  {| class="standard"
  !Заголовок 1||Заголовок 2
  |-
  |Ячейка 1-1
  |Ячейка 1-2
  |-
  |Ячейка 1-3
  |Ячейка 1-4
  |-
  |Ячейка 1-5
  |Ячейка 1-6
  |-
  |Ячейка 1-7
  |Ячейка 1-8
  |-
  |Ячейка 1-9
  |Ячейка 1-10
  |-
  |Ячейка 1-11
  |Ячейка 1-12
  |}
|&nbsp;||&nbsp;
|
{| class="standard"
  !Заголовок 1||Заголовок 2
  |-
|Ячейка 3-1
|Ячейка 3-2
|-
|Ячейка 3-3
|Ячейка 3-4
|-
|Ячейка 3-5
|Ячейка 3-6
|-
|Ячейка 3-7
|Ячейка 3-8
|-
|Ячейка 3-9
|Ячейка 3-10
|-
|Ячейка 3-11
|Ячейка 3-12
|}
|&nbsp;||&nbsp;
|
{| class="standard"
!Заголовок 1||Заголовок 2
|-
|Ячейка 5-1
|Ячейка 5-2
|-
|Ячейка 5-3
|Ячейка 5-4
|-
|Ячейка 5-5
|Ячейка 5-6
|-
|Ячейка 5-7
|Ячейка 5-8
|-
|Ячейка 5-9
|Ячейка 5-10
|-
|Ячейка 5-11
|Ячейка 5-12
|}
|}
|}
== Название таблицы ==
Чтобы название таблицы было отцентрировано по ее ширине, нужно после вертикальной чёрточки поставить знак «+». Само название можно форматировать обычными wiki-атрибутами.
'''Пример:'''
<nowiki>{| border=1
|+ Очень длинное-длинное название таблицы.
|Ячейка 1
|Ячейка 2
|-
|Ячейка 3
|Ячейка 4
|}</nowiki>
Представление в Ганджавики:
{| border=1
|+ Очень длинное-длинное название таблицы.
|Ячейка 1
|Ячейка 2
|-
|Ячейка 3
|Ячейка 4
  |}
  |}


Вредитель (GW131664)
10 330

правок

Источник — https://www.ganjawiki.io/Служебная:Сравнение_версий/44989

Навигация