Как делать таблицы в вики - История изменений

Patarakin в 16:41, 6 октября 2023

2023-10-06T16:41:03Z

← Предыдущая версия		Версия от 19:41, 6 октября 2023
Строка 5:		Строка 5:
	\|Возрастная категория=8		\|Возрастная категория=8
	\|similar_concepts=Таблица		\|similar_concepts=Таблица
	\|Environment=Semantic MediaWiki~~, Snap!~~		\|Environment=Semantic MediaWiki
	}}		}}
	Любая таблица в wiki-стиле начинается с фигурной скобки '''{''' с последующей вертикальной чертой '''<nowiki>\|</nowiki>''' и заканчивается вертикальной чертой '''<nowiki>\|</nowiki>''' с закрывающей фигурной скобкой '''}'''. Каждая ячейка строки начинается с вертикальной черточки '''<nowiki>\|</nowiki>''', после которой пишется её содержание.		Любая таблица в wiki-стиле начинается с фигурной скобки '''{''' с последующей вертикальной чертой '''<nowiki>\|</nowiki>''' и заканчивается вертикальной чертой '''<nowiki>\|</nowiki>''' с закрывающей фигурной скобкой '''}'''. Каждая ячейка строки начинается с вертикальной черточки '''<nowiki>\|</nowiki>''', после которой пишется её содержание.

Patarakin в 13:06, 17 апреля 2023

2023-04-17T13:06:03Z

← Предыдущая версия		Версия от 16:06, 17 апреля 2023
Строка 2:		Строка 2:
	\|Description=Таблицы являются удобной формой для отображения информации. Но таблицы выполняют лишь тогда свою роль, когда между строчками и столбцами имеется смысловая связь, то есть информацию в них можно рассортировать неким образом, например, по дате или алфавиту. С другой стороны, таблицы сложнее обычного текста. Так что применять их имеет смысл лишь там, где они действительно улучшают восприятие материала, поэтому предварительно обдумывайте: не лучше ли использовать обычный список.		\|Description=Таблицы являются удобной формой для отображения информации. Но таблицы выполняют лишь тогда свою роль, когда между строчками и столбцами имеется смысловая связь, то есть информацию в них можно рассортировать неким образом, например, по дате или алфавиту. С другой стороны, таблицы сложнее обычного текста. Так что применять их имеет смысл лишь там, где они действительно улучшают восприятие материала, поэтому предварительно обдумывайте: не лучше ли использовать обычный список.
	\|Field_of_knowledge=Информатика		\|Field_of_knowledge=Информатика
			\|FieldActivity=Innovative Designer, Computational Thinker
	\|Возрастная категория=8		\|Возрастная категория=8
	\|Environment=Semantic MediaWiki		\|similar_concepts=Таблица
			\|Environment=Semantic MediaWiki, Snap!
	}}		}}

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

Patarakin в 07:56, 22 марта 2023

2023-03-22T07:56:02Z

← Предыдущая версия		Версия от 10:56, 22 марта 2023
Строка 8:		Строка 8:
	Любая таблица в wiki-стиле начинается с фигурной скобки '''{''' с последующей вертикальной чертой '''<nowiki>\|</nowiki>''' и заканчивается вертикальной чертой '''<nowiki>\|</nowiki>''' с закрывающей фигурной скобкой '''}'''. Каждая ячейка строки начинается с вертикальной черточки '''<nowiki>\|</nowiki>''', после которой пишется её содержание.		Любая таблица в wiki-стиле начинается с фигурной скобки '''{''' с последующей вертикальной чертой '''<nowiki>\|</nowiki>''' и заканчивается вертикальной чертой '''<nowiki>\|</nowiki>''' с закрывающей фигурной скобкой '''}'''. Каждая ячейка строки начинается с вертикальной черточки '''<nowiki>\|</nowiki>''', после которой пишется её содержание.

	~~'''~~Пример:~~'''~~		=== Пример: ===
	{\|		{\|
	\|Исходный код таблицы с одной строкой:		\|Исходный код таблицы с одной строкой:

Patarakin: Новая страница: «{{Scripting Tutorials |Description=Таблицы являются удобной формой для отображения информации. Но таблицы выполняют лишь тогда свою роль, когда между строчками и столбцами имеется смысловая связь, то есть информацию в них можно рассортировать неким образом, например...»

2023-03-22T07:54:03Z

Новая страница: «{{Scripting Tutorials |Description=Таблицы являются удобной формой для отображения информации. Но таблицы выполняют лишь тогда свою роль, когда между строчками и столбцами имеется смысловая связь, то есть информацию в них можно рассортировать неким образом, например...»

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

{{Scripting Tutorials
|Description=Таблицы являются удобной формой для отображения информации. Но таблицы выполняют лишь тогда свою роль, когда между строчками и столбцами имеется смысловая связь, то есть информацию в них можно рассортировать неким образом, например, по дате или алфавиту. С другой стороны, таблицы сложнее обычного текста. Так что применять их имеет смысл лишь там, где они действительно улучшают восприятие материала, поэтому предварительно обдумывайте: не лучше ли использовать обычный список.
|Field_of_knowledge=Информатика
|Возрастная категория=8
|Environment=Semantic MediaWiki
}}

Любая таблица в 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
|}
|}

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

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

'''Толщина линий''' рамки задаётся атрибутом <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
|}
|}

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

'''Пример:'''
{|
|Для последней таблицы можно написать так:
| 
|В результате это будет выглядеть так:
|-
|
<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
|}
|}

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

'''Пример:'''
{|
|Исходный код:
| 
|В результате это будет выглядеть так:
|-
| <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
|}
|}

=== Объединение ячеек ===
В wiki-стиле, как и в HTML, имеется возможность объединять несколько ячеек как по вертикали, так и по горизонтали.
Для объединения по вертикали применяется атрибут ''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
|}

=== «Раскраска» таблиц ===

'''Текст''', находящийся в таблице, можно сделать цветным. С этой целью применяются те же тэги, что и в HTML:
* для отдельного слова — <nowiki><font color="#ABCDEF">Teкст</font></nowiki>;
* для длинного текста — <nowiki><div style="color:#ABCDEF">Текст, текст.</div></nowiki>,
где «ABCDEF» — индекс цвета (см. [[Шаблон:Цвета HTML|Таблицу «Цвета HTLM»]].
'''Пример:'''
Для "раскраски" текста пишут так:
<nowiki>{| border=1
|Ячейка 1*1
|Здесь цветное только <font color="#FF00FF">одно</font> слово.
|Ячейка 3*1
|-
|Ячейка 1*2
|Ячейка 2*2
|<div style="color:#008B00">А здесь выделен цветом длинный-длинный абзац.</div>
|-
|Ячейка 1*3
|Ячейка 2*3
|Ячейка 3*3
|}</nowiki>
В Letopisi.ru это будет выглядеть так:
{| border=1
|Ячейка 1*1
|Здесь цветное только <font color="#FF00FF">одно</font> слово.
|Ячейка 3*1
|-
|Ячейка 1*2
|Ячейка 2*2
|<div style="color:#008B00">А здесь выделен цветом длинный-длинный абзац.</div>
|-
|Ячейка 1*3
|Ячейка 2*3
|Ячейка 3*3
|}

Сделать '''цветную ячейку''' можно с помощью атрибута «bgcolor=#ABCDEF», где «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>
В Letopisi.Ru это будет выглядеть так:
{| 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-атрибутами.
'''Пример:'''
<nowiki>{| border=1
|+ Очень длинное-длинное название таблицы.
|Ячейка 1
|Ячейка 2
|-
|Ячейка 3
|Ячейка 4
|}</nowiki>
Выглядеть это будет так:
{| border=1
|+ Очень длинное-длинное название таблицы.
|Ячейка 1
|Ячейка 2
|-
|Ячейка 3
|Ячейка 4
|}

=== С возможностью сортировки данных ===

{| class="standard sortable" border=1
|-
!Учитель||Студент||Школьник
|-
|Иван Иванович Иванов|| 1 || 2
|-
|Петров Иванович Иванов|| 2 || 1
|}

'''Пример:'''
<nowiki>{| class="standard sortable" border=1
|-
|Учитель||Студент||Школьник
|-
|Иван Иванович Иванов|| 1 || 2
|-
|Петров Иванович Иванов|| 2 || 1
|}</nowiki>

=== Ширина таблицы и столбцов ===
Если, например, подряд идут несколько отдельных таблиц, то желательно, чтобы ширина их была одинаковой не зависимо от их содержания. Для фиксации ширины таблицы применяется атрибут ''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
|}