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

Материал из 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

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