Таблиці на сторінках Вікі

Матеріал з ТерноВікі

(відмінності між версіями)
Перейти до: навігація, пошук
(Створена сторінка: === Табличні рамки === Вид рамки описується в першому рядку, відразу після {|. * Товщина зовні...)
Рядок 156: Рядок 156:
| 5 || 10 || 15
| 5 || 10 || 15
|}
|}
 +
 +
=== Об'єднання клітин ===
 +
У wiki-стилі, як і в HTML, є можливість об'єднувати декілька клітин як по вертикалі, так і по горизонталі. Для об'єднання по вертикалі застосовується атрибут rowspan=n, де «n» — число рядків, які повинен об'єднати данна клітина. Цей атрибут вписується перед змістом об'єднуючої клітини.
 +
 +
 +
==== В кількох рядках – параметр rowspan ====
 +
 +
<pre>
 +
{| class="wikitable"
 +
| стовпець 1, рядок 1
 +
| rowspan=2 | стовпець 2, рядок 1 (а також 2)
 +
| стовпець 3, рядок 1
 +
|-
 +
| стовпець 1, рядок 2
 +
| стовпець 3, рядок 2
 +
|}
 +
</pre>
 +
{| class="wikitable"
 +
| стовпець 1, рядок 1
 +
| rowspan=2 | стовпець 2, рядок 1 (а також 2)
 +
| стовпець 3, рядок 1
 +
|-
 +
| стовпець 1, рядок 2
 +
| стовпець 3, рядок 2
 +
|}
 +
 +
<code>rowspan</code> спричиняє розтягнення клітинки на кілька рядків
 +
 +
==== В кількох стовпцях – параметр colspan ====
 +
 +
<pre>
 +
{| class="wikitable"
 +
| стовпець 1, рядок 1
 +
| colspan=2 | стовпець 2 (i 3), рядок 1
 +
|-
 +
| стовпець 1, рядок 2
 +
| стовпець 2, рядок 2
 +
| стовпець 3, рядок 2
 +
|}
 +
</pre>
 +
 +
{| class="wikitable"
 +
| стовпець 1, рядок 1
 +
| colspan=2 | стовпець 2 (i 3), рядок 1
 +
|-
 +
| стовпець 1, рядок 2
 +
| стовпець 2, рядок 2
 +
| стовпець 3, рядок 2
 +
|}
 +
 +
<code>colspan</code> спричиняє розтягнення клітинки на кілька стовпців
 +
 +
==== Змішане поєднання ====
 +
<pre>
 +
{| 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
 +
|}
 +
</pre>
 +
 +
{| 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
 +
|}
 +
 +
==== Вкладені таблиці ====
 +
 +
<pre>
 +
{| border=1
 +
| клітина 1 зовнішньої таблиці
 +
|
 +
{| border=1 style="background:ABCDEF"
 +
| таблиця
 +
|-
 +
| вкладена
 +
|}
 +
| клітина 3 зовнішньої таблиці
 +
|}
 +
</pre>
 +
 +
...додавання вкладеної таблиці в другій клітині зовнішньої таблиці
 +
{| border=1
 +
| клітина 1 зовнішньої таблиці
 +
|
 +
{| border=1 style="background:ABCDEF"
 +
| таблиця
 +
|-
 +
| вкладена
 +
|}
 +
| клітина 3 зовнішньої таблиці
 +
|}
 +
[[Категорія: ТерноВікі]]
[[Категорія: ТерноВікі]]

Версія 15:54, 26 квітня 2018

Зміст

Табличні рамки

Вид рамки описується в першому рядку, відразу після {|.

  • Товщина зовнішніх рамок встановлюється атрибутом border=n1, де «n1» — товщина лінії зовнішніх рамок.
  • Товщина внутрішніх рамок встановлюється атрибутом cellspacing="n2", де «n2» — товщина лінії внутрішніх рамок.
  • Мінімальна відстань між рамками і текстом клітинки встановлюється атрибутом cellpadding=n3.


Простий приклад

Вихідний код 

{| border="1" cellpadding="2"
|+Таблиця множення
|-
! &times; !! 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
|+Таблиця множення
|-
! &times; !! 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"
|+Таблиця множення
|-
! &times; !! 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 зовнішньої таблиці
Отримано з http://wiki.ippo.edu.te.ua/index.php/%D0%A2%D0%B0%D0%B1%D0%BB%D0%B8%D1%86%D1%96_%D0%BD%D0%B0_%D1%81%D1%82%D0%BE%D1%80%D1%96%D0%BD%D0%BA%D0%B0%D1%85_%D0%92%D1%96%D0%BA%D1%96
Особисті інструменти