Вики/Таблицы

Материал из Викиучебника — открытых книг для открытого мира
Перейти к навигации Перейти к поиску

Простейшая таблица[править]

Любая таблица в 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 |Ячейка 1, длинная-длинная-длинная-длинная |Ячейка 2 |- |Ячейка 3 |Ячейка 4 |} {|class="standard" width="75%" |+Таблица 2 |Ячейка 1 |Ячейка 2 |- |Ячейка 3 |Ячейка 4 |}
Таблица 1
Ячейка 1, длинная-длинная-длинная-длинная Ячейка 2
Ячейка 3 Ячейка 4
Таблица 2
Ячейка 1 Ячейка 2
Ячейка 3 Ячейка 4

Задание

Перенесите таблицу с распорядком дня на страницу тотема. Сделайте так, чтобы таблица занимала всегда полэкрана по ширине. Если у вас есть тотемный брат/сестра, то пусть будут оба расписания. Сравните.

Изображения внутри таблиц[править]

Комбинируя таблицы и изображения, можно представлять информацию, например, в таком виде:

Путешествия
Исландия
Забайкалье [[Изображение:Snegnaia.jpg|thumb|none|100px|р. Снежная]]
Путешествия
Исландия
Забайкалье
р. Снежная

Дополнительно[править]

Задание

Вставьте на страницу тотема еще одну таблицу каких-либо данных о тотеме.