Справка:Таблицы: различия между версиями
Перейти к навигации
Перейти к поиску
Строка 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 |} |
И его конечный вид:
|
Как вы наверно заметили, по умолчанию MediaWiki (движок вики) строит прозрачные таблицы без границ. Давайте сделаем границы видимыми:
{| border="1" | Раз | Два | Три |- | 1 | 2 | 3 |} |
Результат:
|
Если вас не устраивает такое оформление таблицы, то вы можете задействовать CSS-стили:
{| border="1" style="border-collapse: collapse;" | Раз | Два | Три |- | 1 | 2 | 3 |} |
Результат:
|
Объединение ячеек
Попробуем объединить две первые ячейки в первой строке (горизонтальное объединение):
{| border="1" | colspan="2" | Раз Два | Три |- | 1 | 2 | 3 |} |
Результат:
|
Теперь давайте попробуем объединить две последние ячейки в первой строке:
{| border="1" | Раз | colspan="2" | Два Три |- | 1 | 2 | 3 |} |
Результат:
|
Рассмотрим вертикальное объединение. Объединим две средние ячейки:
{| border="1" | Раз | rowspan="2" | Два<br />2 | Три |- | 1 | 3 |} |
Результат:
Обратите внимание на исчезновение ячейки из второй строки. Посмотрите, как это выглядит в вики-разметке таблицы. |