Справка:Как создать таблицу

Материал из Tiarum
Перейти к: навигация, поиск


Общие положения

  • Таблицы - достаточно удобная форма представления информации, хотя и не всегда. В некоторых случаях удобнее представить материал в виде вложенных уровневых списков.
  • Если в результате использования таблицы улучшается визуальное восприятие материала, тогда они вполне оправданы.
  • Не усложняйте без надобности таблицы. Менее опытным пользователям будет легче разобраться в ней, если понадобится ее правка или дополнения новыми данными.
  • Важно, чтобы в создаваемой вами таблице присутствовала смысловая связь между столбцами и строками.
  • Старайтесь сортировать информацию в таблицах по алфавиту, порядковому номеру, дате или группировать по направлениям.

Простейшая таблица

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

Пример:

Исходный код таблицы с одной строкой:   На странице это будет выглядеть так:
{| 
 |Ячейка 1
 |Ячейка 2
 |Ячейка 3
 |}
   
Ячейка 1 Ячейка 2 Ячейка 3

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

Пример:

Исходный код таблицы в две строки:   На странице это будет выглядеть так:
{|
 |Ячейка 1*1
 |Ячейка 2*1
 |Ячейка 3*1
 |-
 |Ячейка 1*2
 |Ячейка 2*2
 |Ячейка 3*2
 |}
   
Ячейка 1*1 Ячейка 2*1 Ячейка 3*1
Ячейка 1*2 Ячейка 2*2 Ячейка 3*2

Пример:

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

И так далее...

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

Если у таблицы должно отображаться название, вставьте следующий код:

Исходный код таблицы с названием:   На странице это будет выглядеть так:
{|
 |+ Название таблицы
 |Ячейка 1*1
 |Ячейка 2*1
 |Ячейка 3*1
 |-
 |Ячейка 1*2
 |Ячейка 2*2
 |Ячейка 3*2
 |-
 |}
   
Название таблицы
Ячейка 1*1 Ячейка 2*1 Ячейка 3*1
Ячейка 1*2 Ячейка 2*2 Ячейка 3*2

Табличные рамки

Атрибут Border

  • Тип рамки и ее вид описывается в первой строке, сразу после символов {|.
  • Не забудьте, что между ними и атрибутом должен быть пробел.
  • Толщина линий рамки задаётся атрибутом border="n", где "n" — толщина линии:
Исходный код:   На странице это будет выглядеть так:
{| border="1"
 |Ячейка 1*1
 |Ячейка 2*1
 |Ячейка 3*1
 |-
 |Ячейка 1*2
 |Ячейка 2*2
 |Ячейка 3*2
 |}
   
Ячейка 1*1 Ячейка 2*1 Ячейка 3*1
Ячейка 1*2 Ячейка 2*2 Ячейка 3*2

Примеры таблиц с различным параметром border:

border="0" border="1" border="2" border="3" border="5"
Ячейка 1*1 Ячейка 2*1
Ячейка 1*2 Ячейка 2*2
Ячейка 1*1 Ячейка 2*1
Ячейка 1*2 Ячейка 2*2
Ячейка 1*1 Ячейка 2*1
Ячейка 1*2 Ячейка 2*2
Ячейка 1*1 Ячейка 2*1
Ячейка 1*2 Ячейка 2*2
Ячейка 1*1 Ячейка 2*1
Ячейка 1*2 Ячейка 2*2

Атрибут Class

  • Изменять оформление рамки таблицы также можно с помощью атрибута class.
  • Подробнее об этом см. в статье на Википедии: «Классы таблиц».
  • Как правило, обычно лучше использовать class="wikitable":
Исходный код:   На странице это будет выглядеть так:
{| class="wikitable"
 |+ Класс "wikitable"
 !Заголовок 1
 !Заголовок 2
 !Заголовок 3
 |-
 |Ячейка 1*1
 |Ячейка 2*1
 |Ячейка 3*1
 |-
 |Ячейка 1*2
 |Ячейка 2*2
 |Ячейка 3*2
 |}
   
Класс "wikitable"
Заголовок 1 Заголовок 2 Заголовок 3
Ячейка 1*1 Ячейка 2*1 Ячейка 3*1
Ячейка 1*2 Ячейка 2*2 Ячейка 3*2

Таблица с прозрачным фоном

Если необходимо, чтобы фон таблицы был прозрачным, используйте тег style с параметром: style=background:transparent;"

Пример:

Исходный код таблицы с прозрачным фоном:   На странице это будет выглядеть так:
{| style="background:transparent;"
 |Ячейка 1
 |Ячейка 2
 |Ячейка 3
 |}
   
Ячейка 1 Ячейка 2 Ячейка 3

Стили оформления

Стили позволяют достаточно гибко отформатировать таблицу, используя специальные коды.

Ниже в качестве примера показан код, который позволяет обрамить таблицу рамкой с заокругленными краями:

Исходный код таблицы с одной строкой:   На странице это будет выглядеть так:

{| style="background-color:transparent; height:9px; -webkit-border-top-left-radius:7px; -webkit-border-top-right-radius:7px; -moz-border-radius-topleft:7px; -moz-border-radius-topright:7px; border-top-left-radius:7px; border-top-right-radius:7px; border:1px solid #7b603a; border-top:1; padding:12px 12px 8px; margin-bottom:2ex; -webkit-border-bottom-right-radius:7px; -webkit-border-bottom-left-radius:7px; -moz-border-radius-bottomright:7px; -moz-border-radius-bottomleft:7px; border-bottom-right-radius:7px; border-bottom-left-radius:7px"
|Ячейка 1
|Ячейка 2
|Ячейка 3
|}

   
Ячейка 1 Ячейка 2 Ячейка 3

Код достаточно громозкий, в связи с чем был создан специальный шаблон FrameRadius

Сравните код с использованием этого шаблона:

Исходный код таблицы:   На странице это будет выглядеть так:
{| style={{FrameRadius}}
 |Ячейка 1-1 
 |Ячейка 1-2
 |Ячейка 1-3
 |-
 |Ячейка 2-1 
 |Ячейка 2-2
 |Ячейка 2-3
 |} 
   
Ячейка 1-1 Ячейка 1-2 Ячейка 1-3
Ячейка 2-1 Ячейка 2-2 Ячейка 2-3

Этот шаблон работает также и для отдельных ячеек:

Исходный код таблицы:   На странице это будет выглядеть так:
{| style="background-color:transparent;"
 | style={{FrameRadius}} |Ячейка 1-1 
 | style={{FrameRadius}} |Ячейка 1-2
 | style={{FrameRadius}} |Ячейка 1-3
 |-
 | style={{FrameRadius}} |Ячейка 2-1 
 | style={{FrameRadius}} |Ячейка 2-2
 | style={{FrameRadius}} |Ячейка 2-3
 |} 
   
Ячейка 1-1 Ячейка 1-2 Ячейка 1-3
Ячейка 2-1 Ячейка 2-2 Ячейка 2-3

Выравнивание по правому краю

Столбец 1, строка 1 Столбец 2, строка 1 (и 2) Столбец 3, строка 1
Столбец 1, строка 2 Столбец 3, строка 2

Если необходимо разместить таблицу в правой части таблицы и при этом обеспечить ее обтекание текстом слева, вы можете использовать следующий код:

{| align="right" class="wikitable"
 | Столбец 1, строка 1 
 | rowspan="2" | Столбец 2, строка 1 (и 2) 
 | Столбец 3, строка 1 
 |- 
 | Столбец 1, строка 2 
 | Столбец 3, строка 2 
 |}

Сортировка

Исходный код: На странице это будет выглядеть так:
{| class="wikitable sortable"
 |-
 !Name Perk
 !Название
 !Уровень
 |-
 |Animal Friend
 |Друг животных
 |10
 |-
 |Bloody Mess
 |Кровавая баня
 |6
 |-
 |Entomologist
 |Энтомолог
 |4
 |-
 |Commando
 |Коммандо
 |8
 |-
 |Infiltrator
 |Домушник
 |18
 |}
Name Perk Название Уровень
Animal Friend Друг животных 10
Bloody Mess Кровавая баня 6
Entomologist Энтомолог 4
Commando Коммандо 8
Infiltrator Домушник 18

Пример сложной таблицы

Исходный код: На странице это будет выглядеть так:
{| class="wikitable" width="270" style="background:#F1E3C6; font-size:80%"
|- 
! style="background:#826941; color:white" colspan="4" | ИНФОРМАЦИЯ О КНИГЕ:
|- style="background:#624921"
| colspan="4" | [[image:OblivionLibrary.jpg|264px]]
|-
! style="background:#826941; color:white" colspan="4"| Локации:
|-
| colspan="4" | 
<center>'''Может быть найдена:'''</center>
: Balmora, Dorisa Darvel: Bookseller
: Balmora, Guild of Mages
: Molag Mar, Redoran Stronghold
: Sadrith Mora, Tel Naga Upper Tower
: Vivec, Guild of Mages
: Wolverine Hall, Mage's Guild
: Other, random loot
|-
! style="background:#826941; color:white" colspan="4"| Смотрите также:
|-
| colspan="4" |
: [[Morrowind Книга:Galerion The Mystic|'''Morrowind - английская версия''']]
: [[Daggerfall Книга:Галерион Мистик|'''Daggerfall-версия''']] 
: [[Oblivion Книга:Галерион Мистик|'''Oblivion-версия''']]
: [[TES Lore:Галерион Мистик (книга)|'''Lore-версия''']]
|-
! style="background:#826941; color:white" colspan="4" | Данные TES 3 Construction Set:
|-
! style="background:#826941; width:20%; color:white" | ID:
| width="85%" colspan="3"| bk_galerionthemystic
|-
! style="background:#826941; width:20%; color:white" | Название:
| width="85%" colspan="3"| Галерион Мистик
|-
! style="background:#826941; width:20%"| [[image:OBValueIcon small.png]]
! style="background:#F1E3C6; width:30%"| 50
! style="background:#826941; width:20%"| [[image:OBWeightIcon_small.png]]
! style="background:#F1E3C6; width:30%"| 3.0
|-
! style="background:#826941; color:white; width:20%"| Persists:
! style="background:#F1E3C6; width:30%"| no
! style="background:#826941; color:white; width:20%"| Blocked:
! style="background:#F1E3C6; width:30%"| no
|-
! style="background:#826941; color:white; width:20%"| Count:
! style="background:#F1E3C6; width:30%"| 9
! style="background:#826941; color:white; width:20%"| Scroll:
! style="background:#F1E3C6; width:30%"| no
|-
! style="background:#826941; color:white; width:20%"| Enchantment:
! style="background:#F1E3C6; width:30%"| 0
! style="background:#826941; color:white; width:20%"| Enchanting:
! style="background:#F1E3C6; width:30%"| no
|-
! style="background:#826941; color:white; width:20%"| Квест:
| width="80%" colspan="3"| Нет квеста
|-
! style="background:#826941; color:white; width:20%"| Скрипт:
| width="80%" colspan="3"| Нет скрипта
|-
! style="background:#826941; color:white; width:20%"| Обучение:
| width="80%" colspan="3"| Нет
|-
! style="background:#826941; color:white; width:20%"| Модель NIF:
| width="80%" colspan="3"| m\Text_Octavo_07.nif
|-
! style="background:#826941; color:white; width:20%"| Иконка:
| width="80%" colspan="3"| m\Tx_book_01.tga
|-
|}  
ИНФОРМАЦИЯ О КНИГЕ:
OblivionLibrary.jpg
Локации:
Может быть найдена:
Balmora, Dorisa Darvel: Bookseller
Balmora, Guild of Mages
Molag Mar, Redoran Stronghold
Sadrith Mora, Tel Naga Upper Tower
Vivec, Guild of Mages
Wolverine Hall, Mage's Guild
Other, random loot
Смотрите также:
Morrowind - английская версия
Daggerfall-версия
Oblivion-версия
Lore-версия
Данные TES 3 Construction Set:
ID: bk_galerionthemystic
Название: Галерион Мистик
OBValueIcon small.png 50 OBWeightIcon small.png 3.0
Persists: no Blocked: no
Count: 9 Scroll: no
Enchantment: 0 Enchanting: no
Квест: Нет квеста
Скрипт: Нет скрипта
Обучение: Нет
Модель NIF: m\Text_Octavo_07.nif
Иконка: m\Tx_book_01.tga