Вікі Geometry Dash

Перш ніж писати статті, ознайомтесь з його настановами.

READ MORE

Вікі Geometry Dash
↱ ВGD:Т/В

При редагуванні в режимі вихідного коду таблицю можна додати, використовуючи такі елементи вікі-тексту:

Опис Вікі-текст
Початок таблиці (<table>) {|
Початок рядка таблиці (<tr>) |-
Головний осередок (<th>), якщо необхідна: послідовність головних осередок можна записувати на одному рядку з подвійними роздільниками (!!) або почати з нового рядка, кожен зі своїм знаком (!). ! або !!
Звичайний осередок (<td>): послідовність осередків можна записувати на одному рядку з подвійними роздільниками (||) або почати з нового рядка, кожен зі своїм знаком (|). | або ||
Кінець таблиці (</table>) |}
Примітки. HTML-код, що закриває теги для рядків (</tr>), заголовків (</th>) або осередків (</td>), буде доданий автоматично.

Приклади вікі-тексту для створення таблиць[]

Прості таблиці[]

Нижче можна побачити варіанти вікі-тексту для створення простих таблиць:

Опис Вікі-текст Результат
Таблиця з однією коміркою {| border="1"

|-
| рядок 1, комірка/колонка 1
|}

рядок 1, комірка/колонка 1
Таблиця з двома комірками; ліва комірка виділена як головна {| border="1"

|-
! рядок 1, <br>заголовок 1/колонка 1
| рядок 1, <br>комірка 1/колонка 2
|}

рядок 1, заголовок 1/колонка 1 рядок 1, комірка 1/колонка 2
Таблиця з двома комірками і заголовком {| border="1"

|-
|+ Заголовок
! рядок 1, колонка 1
| рядок 1, колонка 2
|}

Заголовок
рядок 1, колонка 1 рядок 1, колонка 2
Таблиця з трьома колонками і трьому рядками {| border="1"

|-
| рядок 1, <br>комірка/колонка 1
| рядок 1, <br>комірка/колонка 2
| рядок 1, <br>комірка/колонка 3
|-
| рядок 2, <br>комірка/колонка 1
| рядок 2, <br>комірка/колонка 2
| рядок 2, <br>комірка/колонка 3
|-
| рядок 3, <br>комірка/колонка 1
| рядок 3, <br>комірка/колонка 2
| рядок 3, <br>комірка/колонка 3
|}

рядок 1, комірка/колонка 1 рядок 1, комірка/колонка 2 рядок 1, комірка/колонка 3
рядок 2, комірка/колонка 1 рядок 2, комірка/колонка 2 рядок 2, комірка/колонка 3
рядок 3, комірка/колонка 1 рядок 3, комірка/колонка 2 рядок 3, комірка/колонка 3
Таблиця з двома рядками і двома колонками; ширина таблиці 90 % від ширини сторінки {| width="90%" border="1"

|-
| рядок 1, <br>комірка/колонка 1
| рядок 1, <br>комірка/колонка 2
|-
| рядок 2, <br>комірка/колонка 1
| рядок 2, <br>комірка/колонка 2
|}

Рамка приведена тільки в якості ілюстрації.
рядок 1,
комірка/колонка 1
рядок 1,
комірка/колонка 2
рядок 2,
комірка/колонка 1
рядок 2,
комірка/колонка 2
Таблиця з двома рядками і двома колонками; в нижньому рядку текст з відступом 16px від межі комірки.

Примітка. HTML5 більше не підтримує атрибут для таблиць cellpadding=.
{|

|-
| style="padding:16px;" | рядок 1, <br>комірка/колонка 1
| style="padding:16px;" | рядок 1, <br/>комірка/колонка 2
|-
| style="padding:16px;" | рядок 2, <br>комірка/колонка 1
| style="padding:16px;" | рядок 2, <br>комірка/колонка 2
|}

Рамка приведена тільки в якості ілюстрації.
рядок 1,
комірка/колонка 1
рядок 1,
комірка/колонка 2
рядок 2,
комірка/колонка 1
рядок 2,
комірка/колонка 2
Таблиця з двома рядками і двома колонками; інтервал між осередками 8px {| cellspacing="8px"

|-
| рядок 1, <br>комірка/колонка 1
| рядок 1, <br>комірка/колонка 2
|-
| рядок 2, <br>комірка/колонка 1
| рядок 2, <br>комірка/колонка 2
|}

Рамка приведена тільки в якості ілюстрації.
рядок 1,
комірка/колонка 1
рядок 1,
комірка/колонка 2
рядок 2,
комірка/колонка 1
рядок 2,
комірка/колонка 2

Розміри заголовків і осередків[]

Опис Вікі-текст Результат
Таблиця з двома колонками і трьома рядками, але верхній рядок виступає в якості заголовка {|

|-
! colspan="2" | Заголовок шириною в дві колонки
|-
| строка 1, <br>комірка/колонка 1
| строка 1, <br>комірка/колонка 2
|-
| строка 2, <br>комірка/колонка 1
| строка 2, <br>комірка/колонка 2
|}

Кольори осередків використовуються тільки для ілюстрації.
Заголовок шириною в дві колонки
строка 1,
комірка/колонка 1
рядок 1,
комірка/колонка 2
строка 2,
комірка/колонка 1
рядок 2,
комірка/колонка 2
Таблиця з трьома колонками і трьома рядками; осередки у другому рядку об'єднані в одну клітинку {|

|-
| рядок 1, <br>комірка/колонка 1
| рядок 1, <br>комірка/колонка 2
|-
| colspan="2" | рядок 2, <br>комірка/колонка 1 & 2
|}

Кольори осередків використовуються тільки для ілюстрації.
рядок 1,
комірка/колонка 1
рядок 1,
комірка/колонка 2
рядок 2,
комірка/колонка 1 & 2
Таблиця з трьома колонками і трьома рядками; осередки в другій колонці в першій і другій рядках об'єднані в одну клітинку {|

|-
| рядок 1, <br>комірка 1/колонка 1
| rowspan="2" | рядок 1 & 2, <br>комірка 2
|-
| рядок2, <br>комірка 3/колонка 1
|}

Кольори осередків використовуються тільки для ілюстрації.
рядок 1,
комірка 1/колонка 1
рядок 1 & 2,
комірка 2
рядок 2,
комірка 3/колонка 1

Вирівнювання тексту в осередках, заголовках і рядках[]

Приклади коду для вирівнювання тексту в комірках по-центру (center), правому краю (right), верху осередку (top) і низу осередки (bottom).

Опис Вікі-текст Результат
Таблиця з двома рядками і двома колонками і різним вирівнюванням тексту всередині осередків {| width="100%"

|- valign="top"
! align="right" | рядок 1, <br>заголовок 1, <br>колонка 1
| align="center" | рядок 1, <br>комірка 1/колонка 2
|- valign="bottom"
! рядок 2, <br>hзаголовок 2, <br>колонка 1
| рядок 2, <br>комірка 2/колонка 2
|}

Кольори осередків використовуються тільки для ілюстрації.
рядок 1,
заголовок 1,
колонка 1
рядок 1,
комірка 1/колонка 2
рядок 2,
заголовок 2,
колонка 1
рядок 2,
комірка 1/колонка 2

Підписи у таблиці[]

Опис Вікі-текст Результат
Таблиця з двома рядками і двома колонками і підписом {| width="100%"

|-
|+ Підпис
! рядок 1, <br>заголовок 1, <br>колонка 1
| рядок 1, <br>комірка 1/<br>колонка 2
|-
! рядок 2, <br>заголовок 2, <br>колонка 1
| рядок 2, <br>комірка 2/<br>колонка 2
|}

Підпис
рядок 1,
заголовок 1,
колонка 1
рядок 1,
комірка 2/
колонка 2
рядок 2,
заголовок 2,
колонка 1
рядок 2,
комірка 2/
колонка 2

Налаштування таблиці за допомогою CSS[]

Опис Вікі-текст Результат
Звичайна таблиця з 4 осередками {| class="article-table"

|-
! рядок 1, <br>заголовок 1/колонка 1
! рядок 1, <br>заголовок 2/колонка 2
|-
| рядок 2, <br>комірка/колонка 1
| рядок 2, <br>комірка/колонка 2
|}

рядок 1,
заголовок 1/колонка 1
рядок 1,
заголовок 2/колонка 2
рядок 2,
комірка/колонка 1
рядок 2,
комірка/колонка 2
Таблиця з двома рядками і двома колонками, пофарбована в жовтий колір за допомогою CSS {| style="background-color:yellow;"

|-
| рядок 1, <br>комірка/колонка 1
| рядок 1, <br>комірка/колонка 2
|-
| рядок 2, <br>комірка/колонка 1
| рядок 2, <br>комірка/колонка 2
|}

рядок 1,
комірка/колонка 1
рядок 1,
комірка/колонка 2
рядок 2,
комірка/колонка 1
рядок 2,
комірка/колонка 2
Таблиця з двома рядками і двома колонками, пофарбована по-різному за допомогою CSS {| style="border:3px inset gray; font-size:80%; width:90%;"

|-
! style="background-color:blue; color:pink; padding-left:1em; width:60%;" | рядок 1, <br>заголовок 1/колонка 1
| style="text-decoration:line-through;" | рядок 1, <br>комірка/колонка 2
|-
! style="text-align:right;" | рядок 2, <br>заголовок 2/колонка 1
| style="border:1px dotted red;" | рядок 2, <br>комірка/колонка 2
|}

рядок 1,
заголовок 1/колонка 1
рядок 1,
комірка/колонка 2
рядок 2,
заголовок 2/колонка 1
рядок 2,
комірка/колонка 2

Додатково[]