Форматирование таблицы

Материал из ТолВИКИ
(Различия между версиями)
Перейти к: навигация, поиск
(→Простейшая таблица)
Строка 1: Строка 1:
 
__NOTOC__
 
__NOTOC__
−
== Простейшая таблица ==
+
{| border=1
−
Любая таблица в wiki-стиле начинается с фигурной скобки '''{''' с последующей вертикальной чертой '''<nowiki>|</nowiki>''' и заканчивается вертикальной чертой '''<nowiki>|</nowiki>''' с закрывающей фигурной скобкой '''}'''. Каждая ячейка строки начинается с вертикальной черточки '''<nowiki>|</nowiki>''', после которой пишется её содержание.
+
  !Первый столбец
−
 
+
  !Второй столбец
−
'''Пример:'''
+
  !Третий столбец
−
{|
+
−
|Исходный код таблицы с одной строкой:      {|           
+
−
|&nbsp;
+
−
|В ТолВики это будет выглядеть так:          |-
+
−
|-
+
−
|                                            |1
+
−
<pre>{|
+
−
|Ячейка 1                                    |}
+
−
|Ячейка 2
+
−
|Ячейка 3
+
−
|}</pre>
+
−
|
+
−
{| cellspacing="10"
+
−
|&nbsp;
+
−
|&nbsp;
+
−
|}
+
−
|
+
−
{|
+
−
|Ячейка 1
+
−
  |Ячейка 2
+
−
  |Ячейка 3
+
−
  |}
+
−
|}
+
−
 
+
−
Для введения следующей строки после вертикальной черточки ставится штрих «-». Таким образом можно вводить любое количество строк.
+
−
 
+
−
'''Пример:'''
+
−
{|cvbngdhjtrdbmmcvcv
+
−
|Исходный код таблицы в две строки:
+
−
|&nbsp;
+
−
|В ТолВики это будет выглядеть так:
+
−
|-
+
−
|
+
−
<pre>{|
+
−
|Ячейка 1*1
+
−
|Ячейка 2*1
+
−
|Ячейка 3*1
+
 
  |-
 
  |-
−
  |Ячейка 1*2
+
  !Первая строчка
−
|Ячейка 2*2
+
−
|Ячейка 3*2
+
−
|}</pre>
+
−
|
+
−
{| cellspacing="10"
+
−
|&nbsp;
+
−
|&nbsp;
+
−
|}
+
−
|
+
−
{|
+
−
|Ячейка 1*1
+
 
  |Ячейка 2*1
 
  |Ячейка 2*1
 
  |Ячейка 3*1
 
  |Ячейка 3*1
−
  |-
+
  |-[[''Заголовок ссылки'''''[[Изображение:Полужирное начертание]][[Изображение:<math>Example.jpg</math>--[[Участник:Jenya1128|Евгения]] 17:07, 28 октября 2011 (MSD)[[Изображение:[[Изображение:Example.jpg]][[Изображение:[[Изображение:Example.jpg]][[Изображение:Example.jpg]]]]]]]]''']]
−
  |Ячейка 1*2
+
  !Вторая строчка
 
  |Ячейка 2*2
 
  |Ячейка 2*2
 
  |Ячейка 3*2
 
  |Ячейка 3*2
−
|}
 
−
|}
 
−
 
−
{|
 
−
|Таблица в три строки пишется так:
 
−
|&nbsp;
 
−
|В ТолВики это будет выглядеть так:
 
−
|-
 
−
|
 
−
<pre>{|
 
−
|Ячейка 1*1
 
−
|Ячейка 2*1
 
−
|Ячейка 3*1
 
 
  |-
 
  |-
−
  |Ячейка 1*2
+
  !Третья строчка
−
|Ячейка 2*2
+
−
|Ячейка 3*2
+
−
|-
+
−
|Ячейка 1*3
+
 
  |Ячейка 2*3
 
  |Ячейка 2*3
 
  |Ячейка 3*3
 
  |Ячейка 3*3
−
|}</pre>
+
[[http://www.example.com заголовок ссылки][[http://www.example.com заголовок ссылки][[http://www.example.com заголовок ссылки]
−
|
+
----
−
{| cellspacing="10"
+
 
−
|&nbsp;
+
----
−
|&nbsp;
+
 
−
|}
+
----
−
|
+
 
−
{|
+
----
−
|Ячейка 1*1
+
−
|Ячейка 2*1
+
−
|Ячейка 3*1
+
−
|-
+
−
|Ячейка 1*2
+
−
|Ячейка 2*2
+
−
|Ячейка 3*2
+
−
|-
+
−
|Ячейка 1*3
+
−
|Ячейка 2*3
+
−
|Ячейка 3*3
+
−
|}
+
−
|}
+
  
−
И так далее.
+
----
 +
]]]
  
 
== Табличные рамки ==
 
== Табличные рамки ==

Версия 17:07, 28 октября 2011

Первый столбец Второй столбец Третий столбец
Первая строчка Ячейка 2*1 Ячейка 3*1
Вторая строчка Ячейка 2*2 Ячейка 3*2
Третья строчка Ячейка 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

Заголовки

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

Пример:

Для последней таблицы можно написать так:   В ТолВики это будет выглядеть так: 
{| border=1
 !Первый столбец
 !Второй столбец
 !Третий столбец
 |-
 !Первая строчка
 |Ячейка 2*1
 |Ячейка 3*1
 |-
 !Вторая строчка
 |Ячейка 2*2
 |Ячейка 3*2
 |-
 !Третья строчка
 |Ячейка 2*3
 |Ячейка 3*3
 |}
   
Первый столбец Второй столбец Третий столбец
Первая строчка Ячейка 2*1 Ячейка 3*1
Вторая строчка Ячейка 2*2 Ячейка 3*2
Третья строчка Ячейка 2*3 Ячейка 3*3

Запись в одну строчку

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

Пример:

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

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

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

  • для отдельного слова — <font color="#ABCDEF">Teкст</font>;
  • для длинного текста — <div style="color:#ABCDEF">Текст, текст.</div>,

где «ABCDEF» — индекс цвета в Таблице цветов. 

Пример:
Для "раскраски" текста пишут так:
{| 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
 |}

В ТолВики это будет выглядеть так:

Ячейка 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

Название таблицы

Чтобы название таблицы было отцентрировано по ее ширине, нужно после вертикальной чёрточки поставить знак «+». Само название можно форматировать обычными wiki-атрибутами. 

Пример:
{| border=1
 |+ Очень длинное-длинное название таблицы.
 |Ячейка 1
 |Ячейка 2
 |-
 |Ячейка 3
 |Ячейка 4
 |}

Выглядеть это будет так:

Очень длинное-длинное название таблицы.
Ячейка 1 Ячейка 2
Ячейка 3 Ячейка 4


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

Учитель Студент Школьник
Иван Иванович Иванов 1 2
Петров Иванович Иванов 2 1

Синтаксис: 

 {| class="standard sortable" border=1 
 |-  
 !Учитель||Студент||Школьник
Иван Иванович Иванов Иван Иванович Иванов Иван Иванович Иванов</nowiki>
</nowiki>

Ширина таблицы и столбцов

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


}
Источник — «http://wiki.tgl.net.ru/index.php?title=%D0%A4%D0%BE%D1%80%D0%BC%D0%B0%D1%82%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5_%D1%82%D0%B0%D0%B1%D0%BB%D0%B8%D1%86%D1%8B&oldid=292391»
Личные инструменты
наши друзья
http://аудиохрестоматия.рф/