Справка:Таблицы: различия между версиями

Материал из Old-Games.RU Wiki
Перейти к навигации Перейти к поиску
Нет описания правки
Строка 44: Строка 44:
<br />
<br />
{| border="1"
{| border="1"
| Раз
| Два
| Три
|-
| 1
| 2
| 3
|}
|}
{| width="100%"
| style="width:50%;vertical-align:top;" | Если вас не устраивает такое оформление таблицы, то вы можете задействовать CSS-стили:
<pre>
{| border="1" style="border-collapse: collapse;"
| Раз
| Два
| Три
|-
| 1
| 2
| 3
|}
</pre>
| style="width:50%;vertical-align:top; padding-left:30px;" | Результат:
<br />
{| border="1" style="border-collapse: collapse;"
  | Раз
  | Раз
  | Два
  | Два

Версия от 01:06, 28 декабря 2011

Таблицы широко используются в статьях для придания упорядоченного вида массиву структурированной информации. Также с помощью таблиц можно оформлять различные шаблоны и инфобоксы, применяя стили (CSS).

Простейшие таблицы

Приведём небольшой понятный кусок вики-форматирования:
{|
 | Раз
 | Два
 | Три
 |-
 | 1
 | 2
 | 3
 |}
И его конечный вид:


Раз Два Три
1 2 3
Как вы наверно заметили, по умолчанию MediaWiki (движок вики) строит прозрачные таблицы без границ. Давайте сделаем границы видимыми:
{| border="1"
 | Раз
 | Два
 | Три
 |-
 | 1
 | 2
 | 3
 |}
Результат:


Раз Два Три
1 2 3
Если вас не устраивает такое оформление таблицы, то вы можете задействовать CSS-стили:
{| border="1" style="border-collapse: collapse;"
 | Раз
 | Два
 | Три
 |-
 | 1
 | 2
 | 3
 |}
Результат:


Раз Два Три
1 2 3

Объединение ячеек

Попробуем объединить две первые ячейки в первой строке (горизонтальное объединение):
{| border="1"
 | colspan="2" | Раз Два
 | Три
 |-
 | 1
 | 2
 | 3
 |}
Результат:


Раз Два Три
1 2 3
Теперь давайте попробуем объединить две последние ячейки в первой строке:
{| border="1"
 | Раз
 | colspan="2" | Два Три
 |-
 | 1
 | 2
 | 3
 |}
Результат:


Раз Два Три
1 2 3

Рассмотрим вертикальное объединение. Объединим две средние ячейки:
{| border="1"
 | Раз
 | rowspan="2" | Два<br />2
 | Три
 |-
 | 1
 | 3
 |}
Результат:


Раз Два
2
Три
1 3

Обратите внимание на исчезновение ячейки из второй строки. Посмотрите, как это выглядит в вики-разметке таблицы.