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