Вики/Таблицы
Таблицы
Простейшая таблица
Любая таблица в wiki-стиле начинается с фигурной скобки { с последующей вертикальной чертой | и заканчивается вертикальной чертой | с закрывающей фигурной скобкой }. Каждая ячейка строки начинается вертикальной чёрточки |, после которой пишется её содержание.
{|
|Ячейка 1
|Ячейка 2
|Ячейка 3
|}
| Ячейка 1 | Ячейка 2 | Ячейка 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, 3 | Ячейка 2, 3 | Ячейка 3, 3 |
Задание
Разместите на своей страничке табличку с распорядком дня вашего тотемного животного. Обязательно должны быть столбцы: «Время», «Деятельность», «Комментарий».
Табличные рамки
Возможно устанавливать толщину рамки атрибутом border="толщина_линии".
{|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 |
Можно сделать рамку без двойных линий с помощью атрибута style="border-collapse:collapse".
{|border="1" style="border-collapse:collapse"
|Ячейка 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 |
Задание
Обведите распорядок дня с рамкой без двойных линий.
Классы таблиц
Таблицу можно оформить одним из стандартных оформлений с помощью аттрибута class="standard".
{|class="standard"
|Ячейка 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 |
Подробнее о классах таблиц смотрите Википедия: Оформление таблиц.
Заголовки
Чтобы содержимое ячейки оформлялось как заголовок колонки, вместо вертикальных чёрточек ставятся восклицательные знаки.
{|class="standard"
!Первый столбец
!Второй столбец
!Третий столбец
|-
!Первая строчка
|Ячейка 2, 1
|Ячейка 3, 1
|-
!Вторая строчка
|Ячейка 2, 2
|Ячейка 3, 2
|-
!Третья строчка
|Ячейка 2, 3
|Ячейка 3, 3
|}
| Первый столбец | Второй столбец | Третий столбец |
|---|---|---|
| Первая строчка | Ячейка 2, 1 | Ячейка 3, 1 |
| Вторая строчка | Ячейка 2, 2 | Ячейка 3, 2 |
| Третья строчка | Ячейка 2, 3 | Ячейка 3, 3 |
Задание
Выделите у распорядка дня заголовки.
Объединение ячеек
В wiki-стиле, как и в HTML, имеется возможность объединять несколько ячеек как по вертикали, так и по горизонтали. Для объединения по вертикали применяется атрибут rowspan="n", где n — число ячеек, которые должна объединить данная ячейка. Этот атрибут вписывается перед содержанием объединяющей ячейки.
Вертикальное объединение двух ячеек пишется так:
{|class="standard"
|Ячейка 1
|rowspan="2" |Ячейка 2, объединяет два ряда таблицы
|Ячейка 3
|-
|Ячейка 4
|Ячейка 5
|}
| Ячейка 1 | Ячейка 2, объединяет два ряда таблицы | Ячейка 3 |
| Ячейка 4 | Ячейка 5 |
Для объединения по горизонтали используется атрибут colspan="n".
{|class="standard"
|Ячейка 1
|colspan="2" |Ячейка 2, объединяет два столбца
|-
|Ячейка 3
|Ячейка 4
|Ячейка 5
|}
| Ячейка 1 | Ячейка 2, объединяет два столбца | |
| Ячейка 3 | Ячейка 4 | Ячейка 5 |
Задание
Сделайте две последние строчки в распорядке дня, которые объединяют все столбцы. В первую впишите фразу «Бодрствует: … часов», во вторую впишите фразу «Спит: … часов».
Раскраска таблиц
Текст, находящийся в таблице, можно сделать цветным. См. раздел цвета символов.
Сделать цветную ячейку можно с помощью атрибута style="background-color:цвет".
Раскраска одной ячейки:
{|class="standard"
|Ячейка 1, 1
|style="background-color:red"|Ячейка 2, 1
|Ячейка 3, 1
|-
|Ячейка 1, 2
|Ячейка 2, 2
|Ячейка 3, 2
|-
|style="background-color:green"|Ячейка 1, 3
|Ячейка 2, 3
|Ячейка 3, 3
|}
| Ячейка 1, 1 | Ячейка 2, 1 | Ячейка 3, 1 |
| Ячейка 1, 2 | Ячейка 2, 2 | Ячейка 3, 2 |
| Ячейка 1, 3 | Ячейка 2, 3 | Ячейка 3, 3 |
Задание
Окрасьте фон заголовков в один цвет, а объединённых ячеек в другой.
Вложенные таблицы
Для создания таблицы внутри уже имеющейся, надо вписать в нужном месте фигурную скобку с вертикальной черточкой, как при написании обычной таблицы. Обратите внимание, что горизонтальной чёрточки в начале строки быть не должно. Не забудьте также закрыть внутреннюю таблицу.
{| class="standard"
|Ячейка 1
|
{| class="standard"
|Ячейка А
|-
|Ячейка Б
|}
|Ячейка 3
|}
| Ячейка 1 |
|
Ячейка 3 |
Название таблицы
Чтобы название таблицы было отцентрировано по её ширине, нужно после вертикальной чёрточки поставить знак +. Само название можно форматировать обычными wiki-атрибутами.
{|class="standard"
|+Очень длинное-длинное название таблицы.
|Ячейка 1
|Ячейка 2
|-
|Ячейка 3
|Ячейка 4
|}
| Ячейка 1 | Ячейка 2 |
| Ячейка 3 | Ячейка 4 |
Задание
Сделайте заголовок у распорядка дня.
Ширина таблицы
Если, например, подряд идут несколько отдельных таблиц, то желательно, чтобы ширина их была одинаковой, независимо от их содержания. Для фиксации ширины таблицы применяется атрибут width.
{| class="standard" width="75%"
|+Таблица 1
|Ячейка 1, длинная-длинная-длинная-длинная
|Ячейка 2
|-
|Ячейка 3
|Ячейка 4
|}
{| class="standard" width="75%"
|+Таблица 2
|Ячейка 1
|Ячейка 2
|-
|Ячейка 3
|Ячейка 4
|}
| Ячейка 1, длинная-длинная-длинная-длинная | Ячейка 2 |
| Ячейка 3 | Ячейка 4 |
| Ячейка 1 | Ячейка 2 |
| Ячейка 3 | Ячейка 4 |
Задание
Перенесите таблицу с распорядком дня на страницу тотема. Сделайте так, чтобы таблица занимала всегда полэкрана по ширине. Если у вас есть тотемный брат/сестра, то пусть будут оба расписания. Сравните.
Изображения внутри таблиц
Комбинируя таблицы и изображения, можно представлять информацию, например, в таком виде:
{|class="standard"
!colspan="2"|Путешествия
|-
|Исландия||
|-
|Забайкалье||[[Изображение:Snegnaia.jpg|thumb|none|100px|р. Снежная]]
|}
| Путешествия | |
|---|---|
| Исландия | |
| Забайкалье | ![]() |
Дополнительно
- О таблицах подробнее — Помощь: Таблицы
Задание
Вставьте на страницу тотема еще одну таблицу каких-либо данных о тотеме.
| Вики | |
|---|---|
| Введение | Введение |
| Сообщество | Сообщество · Правила · Вики-проекты |
| Знакомство с редактированием | Введение · Введение в визред |
| Редактирование вики-текста | Редактирование текста · Изображение · · Категоризация |
