Таблиці на сторінках Вікі
Матеріал з ТерноВікі
(відмінності між версіями)
Рядок 274: | Рядок 274: | ||
|} | |} | ||
- | |||
- | |||
- | |||
- | |||
[[Категорія: Методична скарбничка]] | [[Категорія: Методична скарбничка]] |
Поточна версія на 17:08, 26 квітня 2018
Зміст |
Табличні рамки
Вид рамки описується в першому рядку, відразу після {|.
- Товщина зовнішніх рамок встановлюється атрибутом border=n1, де «n1» — товщина лінії зовнішніх рамок.
- Товщина внутрішніх рамок встановлюється атрибутом cellspacing="n2", де «n2» — товщина лінії внутрішніх рамок.
- Мінімальна відстань між рамками і текстом клітинки встановлюється атрибутом cellpadding=n3.
Простий приклад
Вихідний код
{| border="1" cellpadding="2" |+Таблиця множення |- ! × !! 1 !! 2 !! 3 |- ! 1 | 1 || 2 || 3 |- ! 2 | 2 || 4 || 6 |- ! 3 | 3 || 6 || 9 |- ! 4 | 4 || 8 || 12 |- ! 5 | 5 || 10 || 15 |}
Як він виглядає
× | 1 | 2 | 3 |
---|---|---|---|
1 | 1 | 2 | 3 |
2 | 2 | 4 | 6 |
3 | 3 | 6 | 9 |
4 | 4 | 8 | 12 |
5 | 5 | 10 | 15 |
Приклад з границями
Вихідний код
{| border="3" cellpadding="5" cellspacing=5 |+Таблиця множення |- ! × !! 1 !! 2 !! 3 |- ! 1 | 1 || 2 || 3 |- ! 2 | 2 || 4 || 6 |- ! 3 | 3 || 6 || 9 |- ! 4 | 4 || 8 || 12 |- ! 5 | 5 || 10 || 15 |}
Як він виглядає
× | 1 | 2 | 3 |
---|---|---|---|
1 | 1 | 2 | 3 |
2 | 2 | 4 | 6 |
3 | 3 | 6 | 9 |
4 | 4 | 8 | 12 |
5 | 5 | 10 | 15 |
Приклад із класом
Вихідний код
{| class="wikitable" |+Таблиця множення |- ! × !! 1 !! 2 !! 3 |- ! 1 | 1 || 2 || 3 |- ! 2 | 2 || 4 || 6 |- ! 3 | 3 || 6 || 9 |- ! 4 | 4 || 8 || 12 |- ! 5 | 5 || 10 || 15 |}
Як він виглядає
× | 1 | 2 | 3 |
---|---|---|---|
1 | 1 | 2 | 3 |
2 | 2 | 4 | 6 |
3 | 3 | 6 | 9 |
4 | 4 | 8 | 12 |
5 | 5 | 10 | 15 |
Об'єднання клітин
У wiki-стилі, як і в HTML, є можливість об'єднувати декілька клітин як по вертикалі, так і по горизонталі. Для об'єднання по вертикалі застосовується атрибут rowspan=n, де «n» — число рядків, які повинен об'єднати данна клітина. Цей атрибут вписується перед змістом об'єднуючої клітини.
В кількох рядках – параметр rowspan
{| class="wikitable" | стовпець 1, рядок 1 | rowspan=2 | стовпець 2, рядок 1 (а також 2) | стовпець 3, рядок 1 |- | стовпець 1, рядок 2 | стовпець 3, рядок 2 |}
стовпець 1, рядок 1 | стовпець 2, рядок 1 (а також 2) | стовпець 3, рядок 1 |
стовпець 1, рядок 2 | стовпець 3, рядок 2 |
rowspan
спричиняє розтягнення клітинки на кілька рядків
В кількох стовпцях – параметр colspan
{| class="wikitable" | стовпець 1, рядок 1 | colspan=2 | стовпець 2 (i 3), рядок 1 |- | стовпець 1, рядок 2 | стовпець 2, рядок 2 | стовпець 3, рядок 2 |}
стовпець 1, рядок 1 | стовпець 2 (i 3), рядок 1 | |
стовпець 1, рядок 2 | стовпець 2, рядок 2 | стовпець 3, рядок 2 |
colspan
спричиняє розтягнення клітинки на кілька стовпців
Змішане поєднання
{| class="wikitable" style="text-align:left" ! стовпець 1 (заголовок) ! стовпець 2 (заголовок) ! стовпець 3 (заголовок) ! стовпець 4 (заголовок) |- | стовпець 1, рядок 1 | colspan=2 | стовпець 2 i 3, рядок 1 | rowspan=2 | стовпець 4, рядок 1 i 2 |- | colspan="3" | стовпець 1, 2 i 3, рядок 2 |- | стовпець 1, рядок 3 | colspan="3" rowspan="2" | стовпець 2, 3 i 4, рядок 3 i 4 |- | стовпець 1, рядок 4 |}
стовпець 1 (заголовок) | стовпець 2 (заголовок) | стовпець 3 (заголовок) | стовпець 4 (заголовок) |
---|---|---|---|
стовпець 1, рядок 1 | стовпець 2 i 3, рядок 1 | стовпець 4, рядок 1 i 2 | |
стовпець 1, 2 i 3, рядок 2 | |||
стовпець 1, рядок 3 | стовпець 2, 3 i 4, рядок 3 i 4 | ||
стовпець 1, рядок 4 |
Вкладені таблиці
{| border=1 | клітина 1 зовнішньої таблиці | {| border=1 style="background:ABCDEF" | таблиця |- | вкладена |} | клітина 3 зовнішньої таблиці |}
...додавання вкладеної таблиці в другій клітині зовнішньої таблиці
клітина 1 зовнішньої таблиці |
| клітина 3 зовнішньої таблиці |