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

Материал из ТолВИКИ
(Различия между версиями)
Перейти к: навигация, поиск
м (Правки Jenya1128 (обсуждение) откачены к версии Амарханова)
м (Содержимое страницы заменено на «Попа»)
Строка 1: Строка 1:
−
__NOTOC__
+
Попа
−
== Простейшая таблица ==
+
−
Любая таблица в 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
+
−
|Ячейка 3*1
+
−
|-
+
−
|Ячейка 1*2
+
−
|Ячейка 2*2
+
−
|Ячейка 3*2
+
−
|}
+
−
|}
+
−
+
−
{|
+
−
|Таблица в три строки пишется так:
+
−
|&nbsp;
+
−
|В ТолВики это будет выглядеть так:
+
−
|-
+
−
|
+
−
<pre>{|
+
−
|Ячейка 1*1
+
−
|Ячейка 2*1
+
−
|Ячейка 3*1
+
−
|-
+
−
|Ячейка 1*2
+
−
|Ячейка 2*2
+
−
|Ячейка 3*2
+
−
|-
+
−
|Ячейка 1*3
+
−
|Ячейка 2*3
+
−
|Ячейка 3*3
+
−
|}</pre>
+
−
|
+
−
{| cellspacing="10"
+
−
|&nbsp;
+
−
|&nbsp;
+
−
|}
+
−
|
+
−
{|
+
−
|Ячейка 1*1
+
−
|Ячейка 2*1
+
−
|Ячейка 3*1
+
−
|-
+
−
|Ячейка 1*2
+
−
|Ячейка 2*2
+
−
|Ячейка 3*2
+
−
|-
+
−
|Ячейка 1*3
+
−
|Ячейка 2*3
+
−
|Ячейка 3*3
+
−
|}
+
−
|}
+
−
 
+
−
И так далее.
+
−
 
+
−
== Табличные рамки ==
+
−
Вид рамки описывается в первой строке, сразу после '''{|'''. Не забудьте, что между ними и атрибутом должен быть пробел.
+
−
 
+
−
'''Толщина линий''' рамки задаётся атрибутом <code>border=n</code>, где «n» — толщина линии:
+
−
 
+
−
{|
+
−
|Исходный код:
+
−
|&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
+
−
|-
+
−
|Ячейка 1*2
+
−
|Ячейка 2*2
+
−
|Ячейка 3*2
+
−
|-
+
−
|Ячейка 1*3
+
−
|Ячейка 2*3
+
−
|Ячейка 3*3
+
−
|}
+
−
|}
+
−
 
+
−
== Заголовки ==
+
−
Чтобы содержимое ячейки выделялось жирным шрифтом и центрировалось, вместо вертикальных чёрточек ставятся восклицательные знаки. Обычно это применяется для выделения заголовков.
+
−
 
+
−
'''Пример:'''
+
−
{|
+
−
|Для последней таблицы можно написать так:
+
−
|&nbsp;
+
−
|В ТолВики это будет выглядеть так:
+
−
|-
+
−
|
+
−
<pre>{| border=1
+
−
!Первый столбец
+
−
!Второй столбец
+
−
!Третий столбец
+
−
|-
+
−
!Первая строчка
+
−
|Ячейка 2*1
+
−
|Ячейка 3*1
+
−
|-
+
−
!Вторая строчка
+
−
|Ячейка 2*2
+
−
|Ячейка 3*2
+
−
|-
+
−
!Третья строчка
+
−
|Ячейка 2*3
+
−
|Ячейка 3*3
+
−
|}</pre>
+
−
|
+
−
{| cellspacing="10"
+
−
|&nbsp;
+
−
|&nbsp;
+
−
|}
+
−
|
+
−
{| border=1
+
−
!Первый столбец
+
−
!Второй столбец
+
−
!Третий столбец
+
−
|-
+
−
!Первая строчка
+
−
|Ячейка 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
+
−
|-
+
−
|Ячейка 1*2||Ячейка 2*2||Ячейка 3*2
+
−
|-
+
−
|Ячейка 1*3||Ячейка 2*3||Ячейка 3*3
+
−
|}
+
−
|}
+
−
 
+
−
== Объединение ячеек ==
+
−
В wiki-стиле, как и в HTML, имеется возможность объединять несколько ячеек как по вертикали, так и по горизонтали.
+
−
Для объединения по вертикали применяется атрибут ''rowspan=n'', где «n» — число ячеек, которые должна объединить данная ячейка. Этот атрибут вписывается перед содержанием объединяющей ячейки.
+
−
 
+
−
'''Пример:'''
+
−
{|
+
−
|Вертикальное объединение двух ячеек пишется так:
+
−
|&nbsp;||&nbsp;||&nbsp;||&nbsp;
+
−
|Выглядеть это будет так:
+
−
|-
+
−
|<pre>{| border=1
+
−
|Ячейка 1
+
−
|rowspan=2 |Ячейка 2, объединяет два ряда таблицы
+
−
|Ячейка 3
+
−
|-
+
−
|Ячейка 4
+
−
|Ячейка 5
+
−
|}</pre>
+
−
|&nbsp;||&nbsp;||&nbsp;||&nbsp;
+
−
|
+
−
{| 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» — индекс цвета в [http://stm.dp.ua/web-design/color-html.php Таблице цветов].
+
−
'''Пример:'''
+
−
Для "раскраски" текста пишут так:
+
−
<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>
+
−
В ТолВики это будет выглядеть так:
+
−
{| 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>
+
−
В ТолВики это будет выглядеть так:
+
−
{| border=1
+
−
|Ячейка 1*1
+
−
|bgcolor=#FFCC00|Ячейка 2*1
+
−
|Ячейка 3*1
+
−
|-
+
−
|Ячейка 1*2
+
−
|Ячейка 2*2
+
−
|Ячейка 3*2
+
−
|-
+
−
|bgcolor=#CCFF00|Ячейка 1*3
+
−
|Ячейка 2*3
+
−
|Ячейка 3*3
+
−
|}
+
−
<!-- не функционирует. В других языковых разделах такого не нашел. Надо поэкспериментировать.
+
−
 
+
−
Чтобы сделать цветным фон всей таблицы, следует вписать атрибут "bgcolor=#ABCDEF" в первую строку таблицы, где ставиться и атрибут рамки:
+
−
<nowiki>{| border=1 bgcolor=#66FFFF
+
−
|Ячейка 1*1
+
−
|Ячейка 2*1
+
−
|Ячейка 3*1
+
−
|-
+
−
|Ячейка 1*2
+
−
|Ячейка 2*2
+
−
|Ячейка 3*2
+
−
|-
+
−
|Ячейка 1*3
+
−
|Ячейка 2*3
+
−
|Ячейка 3*3
+
−
|}</nowiki>
+
−
В ТолВики это будет выглядеть так:
+
−
{| border=1 bgcolor=#66FFFF
+
−
|Ячейка 1*1
+
−
|Ячейка 2*1
+
−
|Ячейка 3*1
+
−
|-
+
−
|Ячейка 1*2
+
−
|Ячейка 2*2
+
−
|Ячейка 3*2
+
−
|-
+
−
|Ячейка 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
+
−
|- 
+
−
!Учитель||Студент||Школьник</nowiki>
+
−
|-
+
−
|Иван Иванович Иванов||Иван Иванович Иванов||Иван Иванович Иванов</nowiki>
+
−
|}</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
+
−
+
−
 
+
−
{|прект=40
+
−
|zxtqrf1*1- |}
+
−
 
+
−
 
+
−
[[Категория:Справка]]
+

Версия 23:46, 13 декабря 2013

Попа

Источник — «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=390717»
Личные инструменты
наши друзья
http://аудиохрестоматия.рф/