BraDD: /* См. также */

2011-08-01T16:03:27Z

‎См. также

BraDD: Новая страница: «Текст скопирован с wikipedia:ru:Википедия:Как делать таблицы с некоторыми изменениями. == Про...»

2011-08-01T16:03:10Z

Новая страница: «Текст скопирован с wikipedia:ru:Википедия:Как делать таблицы с некоторыми изменениями. == Про...»

Новая страница

Текст скопирован с [[wikipedia:ru:Википедия:Как делать таблицы]] с некоторыми изменениями.

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

'''Пример:'''
{|
|Исходный код таблицы с одной строкой:
| 
|В вики это будет выглядеть так:
|-
|
<pre>{|
|Ячейка 1
|Ячейка 2
|Ячейка 3
|}</pre>
|
{| cellspacing="10"
| 
| 
|}
|
{|
|Ячейка 1
|Ячейка 2
|Ячейка 3
|}
|}

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

'''Пример:'''
{|
|Исходный код таблицы в две строки:
| 
|В вики это будет выглядеть так:
|-
|
<pre>{|
|Ячейка 1*1
|Ячейка 2*1
|Ячейка 3*1
|-
|Ячейка 1*2
|Ячейка 2*2
|Ячейка 3*2
|}</pre>
|
{| cellspacing="10"
| 
| 
|}
|
{|
|Ячейка 1*1
|Ячейка 2*1
|Ячейка 3*1
|-
|Ячейка 1*2
|Ячейка 2*2
|Ячейка 3*2
|}
|}

== Рамки ==
Вид рамки описывается в первой строке, сразу после '''{|'''. Не забудьте, что между ними и атрибутом должен быть пробел.

'''Толщина линий''' рамки задаётся атрибутом <code>border=n</code>, где «n» — толщина линии:

{|
|Исходный код:
| 
|В вики это будет выглядеть следующим образом:
|-
| <pre>{| border=1
|Ячейка 1*1
|Ячейка 2*1
|Ячейка 3*1
|-
|Ячейка 1*2
|Ячейка 2*2
|Ячейка 3*2
|-
|Ячейка 1*3
|Ячейка 2*3
|Ячейка 3*3
|}</pre>
|
{| cellspacing="10"
| 
| 
|}
|
{| border=1
|Ячейка 1*1
|Ячейка 2*1
|Ячейка 3*1
|-
|Ячейка 1*2
|Ячейка 2*2
|Ячейка 3*2
|-
|Ячейка 1*3
|Ячейка 2*3
|Ячейка 3*3
|}
|}

Изменять оформление рамки таблицы также можно с помощью атрибута <code>class</code>. Подробнее об этом см. «[[#Классы таблиц|Классы таблиц]]». Как правило, рекомендуется использовать <code>class="standard"</code>:

{|
|Исходный код:
| 
|В вики это будет выглядеть следующим образом:
|-
| <pre>{| class="standard"
|Ячейка 1*1
|Ячейка 2*1
|Ячейка 3*1
|-
|Ячейка 1*2
|Ячейка 2*2
|Ячейка 3*2
|-
|Ячейка 1*3
|Ячейка 2*3
|Ячейка 3*3
|}</pre>
|
{| cellspacing="10"
| 
| 
|}
|
{| class="standard"
|Ячейка 1*1
|Ячейка 2*1
|Ячейка 3*1
|-
|Ячейка 1*2
|Ячейка 2*2
|Ячейка 3*2
|-
|Ячейка 1*3
|Ячейка 2*3
|Ячейка 3*3
|}
|}

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

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

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

{|
|Для последней таблицы можно написать так:
| 
|В вики это будет выглядеть следующим образом:
|-
|
<pre>{| class="standard"
!Первый столбец
!Второй столбец
!Третий столбец
|-
!Первая строчка
|Ячейка 2*1
|Ячейка 3*1
|-
!Вторая строчка
|Ячейка 2*2
|Ячейка 3*2
|-
!Третья строчка
|Ячейка 2*3
|Ячейка 3*3
|}</pre>
|
{| cellspacing="10"
| 
| 
|}
|
{| class="standard"
!Первый столбец
!Второй столбец
!Третий столбец
|-
!Первая строчка
|Ячейка 2*1
|Ячейка 3*1
|-
!Вторая строчка
|Ячейка 2*2
|Ячейка 3*2
|-
!Третья строчка
|Ячейка 2*3
|Ячейка 3*3
|}
|}

== Запись в одну строчку ==
Чтобы сделать записываемую в таблицу информацию более читабельной, можно писать ряды в одну строчку (если записи в них не очень длинные), отделяя их дополнительной вертикальной чертой.

'''Пример:'''
{|
|Исходный код:
| 
|В вики это будет выглядеть следующим образом:
|-
| <pre>{| border=1
!Первый столбец||Второй столбец||Третий столбец
|-
|Ячейка 1*1||Ячейка 2*1||Ячейка 3*1
|-
|Ячейка 1*2||Ячейка 2*2||Ячейка 3*2
|-
|Ячейка 1*3||Ячейка 2*3||Ячейка 3*3
|}</pre>
|
{| cellspacing="10"
| 
| 
|}
|
{| border=1
!Первый столбец||Второй столбец||Третий столбец
|-
|Ячейка 1*1||Ячейка 2*1||Ячейка 3*1
|-
|Ячейка 1*2||Ячейка 2*2||Ячейка 3*2
|-
|Ячейка 1*3||Ячейка 2*3||Ячейка 3*3
|}
|}

== «Раскраска» таблиц ==
Для раскраски текста или фона ячеек придётся использовать html-тэги. Цвет задаётся в формате '''#ABCDEF''', где ABCDEF - это значения R,G и B в шестнадцатеричном формате (два символа на каждую из составляющих).

'''Текст''' раскрашивается следующими тэгами:
* для отдельного слова — <nowiki><font color="#ABCDEF">Teкст</font></nowiki>;
* для длинного текста — <nowiki><div style="color:#ABCDEF">Текст, текст.</div></nowiki>.
'''Пример:'''
Для "раскраски" текста пишут так:
<nowiki>{| 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
|}</nowiki>
В вики это будет выглядеть следующим образом:
{| 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
|}

Сделать '''цветную ячейку''' можно с помощью атрибута «bgcolor=#ABCDEF».
'''Пример:'''
Для «раскраски» одной ячейки пишется так:
<nowiki>{| border=1
|Ячейка 1*1
|bgcolor=#FFCC00|Ячейка 2*1
|Ячейка 3*1
|-
|Ячейка 1*2
|Ячейка 2*2
|Ячейка 3*2
|-
|bgcolor=#CCFF00|Ячейка 1*3
|Ячейка 2*3
|Ячейка 3*3
|}</nowiki>
В вики это будет выглядеть следующим образом:
{| border=1
|Ячейка 1*1
|bgcolor=#FFCC00|Ячейка 2*1
|Ячейка 3*1
|-
|Ячейка 1*2
|Ячейка 2*2
|Ячейка 3*2
|-
|bgcolor=#CCFF00|Ячейка 1*3
|Ячейка 2*3
|Ячейка 3*3
|}

== Объединение ячеек ==
В wiki-стиле имеется возможность объединять несколько ячеек как по вертикали, так и по горизонтали.
Для объединения по вертикали применяется атрибут ''rowspan=n'', где «n» — число ячеек, которые должна объединить данная ячейка. Этот атрибут вписывается перед содержанием объединяющей ячейки.

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

Для объединения по горизонтали используется атрибут ''colspan=n''.
'''Пример:'''
<nowiki>{| border=1
|Ячейка 1
|colspan=2 |Ячейка 2, объединяет два столбца
|-
|Ячейка 3
|Ячейка 4
|Ячейка 5
|}</nowiki>
Выглядит это так:
{| border=1
|Ячейка 1
|colspan=2 |Ячейка 2, объединяет два столбца
|-
|Ячейка 3
|Ячейка 4
|Ячейка 5
|}

== Вложенные таблицы ==
Для создания таблицы внутри уже имеющейся, надо вписать в нужном месте фигурную скобку с вертикальной черточкой, как при написании обычной таблицы. Обратите внимание, что горизонтальной черточки в начале строки '''не должно''' быть. Не забудьте также закрыть внутреннюю таблицу.
'''Пример:'''
<nowiki>{| border=1
|Ячейка 1
|
{| border=2
|Ячейка A
|-
|Ячейка B
|}
|Ячейка 3
|}</nowiki>
Выглядеть это будет так:
{| border=1
|Ячейка 1
|
{| border=2
|Ячейка A
|-
|Ячейка B
|}
|Ячейка 3
|}

== Название таблицы ==
Чтобы название таблицы было отцентрировано по ее ширине, нужно после вертикальной чёрточки поставить знак «+». Само название можно форматировать обычными wiki-атрибутами.
'''Пример:'''
<nowiki>{| border=1
|+ Очень длинное-длинное название таблицы.
|Ячейка 1
|Ячейка 2
|-
|Ячейка 3
|Ячейка 4
|}</nowiki>
Выглядеть это будет так:
{| border=1
|+ Очень длинное-длинное название таблицы.
|Ячейка 1
|Ячейка 2
|-
|Ячейка 3
|Ячейка 4
|}

== Ширина таблицы и столбцов ==
Если, например, подряд идут несколько отдельных таблиц, то желательно, чтобы ширина их была одинаковой, независимо от их содержания. Для фиксации ширины таблицы применяется атрибут ''width''.
'''Пример:'''
<nowiki>{| border=1 width=75%
|+Таблица 1
|Ячейка 1*1 - long - long- long- long- long
|Ячейка 1*2
|-
|Ячейка 1*3
|Ячейка 1*4
|}</nowiki>
<nowiki>{| border=1 width=75%
|+Таблица 2
|Ячейка 2*1
|Ячейка 2*2
|-
|Ячейка 2*3
|Ячейка 2*4
|}</nowiki>

Выглядеть это будет так:
{| 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
|}

С помощью этого же атрибута можно регулировать '''ширину отдельных столбцов''':

'''Пример:'''
<nowiki>{| 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
|}</nowiki>

{| 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
|}

Для задания определённой ширины ячейки с '''вложенной таблицей''' следует указать для неё атрибут ''width'', но закрыть этот атрибут вертикальной чёрточкой:
{| width=80%
|
<nowiki>{| border=1
|Ячейка 1
| width=50%|
{| border=2
|Ячейка A
|-
|Ячейка B
|}
|Ячейка 3
|}</nowiki>
| || || || 
{| border=1 width=60%
|Ячейка 1
| width=50%|
{| border=2
|Ячейка A
|-
|Ячейка B
|}
|Ячейка 3
|}
|}

== Классы таблиц ==
Укажите в первой строке параметр class="имя_класса", и таблица будет оформлена стандартным образом. Ниже приведены основные имена классов с примерами оформления.

=== standard ===
Это наиболее часто встречающиеся таблицы. Такой стиль оформления желательно использовать для большинства таблиц, расположенных непосредственно в тексте статьи. Обратите внимание, что заголовки таблицы (которые создаются с помощью символа "!") подсвечены, для этого не нужно указывать никаких дополнительных параметров. Параметр <code>border</code> тоже необязателен.

{| cellspacing=15 style="background-color:transparent"
|<pre><nowiki>
{| class="standard"
|-
!Заголовок 1||Заголовок 2||Заголовок 3
|-
|Ячейка 1*1||Ячейка 2*1||Ячейка 3*1
|-
|Ячейка 1*2||Ячейка 2*2||Ячейка 3*2
|-
|Ячейка 1*3||Ячейка 2*3||Ячейка 3*3
|}
</nowiki></pre>
|
{| class="standard"
|-
!Заголовок 1||Заголовок 2||Заголовок 3
|-
|Ячейка 1*1||Ячейка 2*1||Ячейка 3*1
|-
|Ячейка 1*2||Ячейка 2*2||Ячейка 3*2
|-
|Ячейка 1*3||Ячейка 2*3||Ячейка 3*3
|}
|}

=== wide ===
Отличается от <code>standard</code> только тем, что растягивает таблицу на всю ширину окна браузера.

<pre style="width:50%">
{| class="wide"
|-
!Заголовок 1||Заголовок 2||Заголовок 3
|-
|Ячейка 1*1||Ячейка 2*1||Ячейка 3*1
|-
|Ячейка 1*2||Ячейка 2*2||Ячейка 3*2
|-
|Ячейка 1*3||Ячейка 2*3||Ячейка 3*3
|}
</pre>

{| class="wide"
|-
!Заголовок 1||Заголовок 2||Заголовок 3
|-
|Ячейка 1*1||Ячейка 2*1||Ячейка 3*1
|-
|Ячейка 1*2||Ячейка 2*2||Ячейка 3*2
|-
|Ячейка 1*3||Ячейка 2*3||Ячейка 3*3
|}

=== tiles ===

Отличается от <code>standard</code> отсутствием линий сетки и затенением обычных ячеек. Не используйте его для таблиц, к которым можно применить какой-нибудь из двух предыдущих стилей без потери наглядности. Примером оправданного применения может быть, например, таблица Менделеева.

{|class=transparent
|<pre>
{| class="tiles"
|-
!Заголовок 1||Заголовок 2||Заголовок 3
|-
|Ячейка 1*1||Ячейка 2*1||Ячейка 3*1
|-
|Ячейка 1*2||Ячейка 2*2||Ячейка 3*2
|-
|Ячейка 1*3||Ячейка 2*3||Ячейка 3*3
|}
</pre>

|width=40|

|
{| class="tiles"
|-
!Заголовок 1||Заголовок 2||Заголовок 3
|-
|Ячейка 1*1||Ячейка 2*1||Ячейка 3*1
|-
|Ячейка 1*2||Ячейка 2*2||Ячейка 3*2
|-
|Ячейка 1*3||Ячейка 2*3||Ячейка 3*3
|}
|}

=== simple ===
Этот класс меняет только сетку границ между ячейками, делая её такой же как в <code>standard</code>, он имеет смысл только с ненулевым <code>border</code>. Сравните:

{| class=transparent

|просто border
<pre>{| border=1</pre>
{| border=1
|-
!Заголовок 1||Заголовок 2||Заголовок 3
|-
|Ячейка 1*1||Ячейка 2*1||Ячейка 3*1
|-
|Ячейка 1*2||Ячейка 2*2||Ячейка 3*2
|-
|Ячейка 1*3||Ячейка 2*3||Ячейка 3*3
|}

|width=40|

|с классом <code>simple</code>:
<pre>{| class="simple" border=1</pre>

{| class="simple" border=1
|-
!Заголовок 1||Заголовок 2||Заголовок 3
|-
|Ячейка 1*1||Ячейка 2*1||Ячейка 3*1
|-
|Ячейка 1*2||Ячейка 2*2||Ячейка 3*2
|-
|Ячейка 1*3||Ячейка 2*3||Ячейка 3*3
|}
|}

Все вышеперечисленные классы также добавляют небольшое пустое расстояние слева и справа к каждой ячейке (<code>padding-left:0.2em; padding-right:0.2em</code>).

== См. также ==
[[Справка:Справка#Редактирование статей|Справка по редактированию]]

[http://meta.wikimedia.org/wiki/Help:Sorting Описание таблиц с сортировкой (англ.)]

@@ Строка 671: / Строка 671: @@
 == См. также ==
-[[Справка:Справка#Редактирование статей|Справка по редактированию]]
+[[Справка:Содержание#Редактирование статей|Справка по редактированию]]
 [http://meta.wikimedia.org/wiki/Help:Sorting Описание таблиц с сортировкой (англ.)]

Справка:Таблицы - История изменений

BraDD: /* См. также */

BraDD: Новая страница: «Текст скопирован с wikipedia:ru:Википедия:Как делать таблицы с некоторыми изменениями. == Про...»