Разметка Таблицы

Чтобы узнать больше о возможных маркерах, смотри КакРедактировать.

• Для создания таблицы поставьте в начале и конце строки маркер "||". Между этими маркерами, вы можете создать любое количество ячеек, разделяя их с помощью "||". Для получения отцентрованной ячейки с несколькими колонками, начните ячейку с более чем одного маркера ячейки. Примыкающие строки того же уровня отступа содержащие разметку таблицы объединяются в одну таблицу.

1. Атрибуты таблицы

Помимо повторения маркеров ячеек для получения колонок содержащих несколько других колонок, вы можете непосредственно установить много атрибутов HTML-таблицы. Любые атрибуты должны распологаться между угловыми скобками <...> непосредственно после маркера ячейки.

Вики-подобная разметка имеет следующие опции:

• <-2>: colspan

• <|2>: rowspan

• <style="..."> поместить информацию о стиле ячейки (td) html

• <rowstyle="..."> поместить информацию о стиле ряда (tr) html

• <tablestyle="..."> поместить информацию о стиле таблицы (table) html

• <class="..."> поместить класс CSS в ячейку (td) html

• <id="..."> поместить id CSS в ячейку (td) html

Стилевое хозяйство - это все что нужно для настройки стиля вашей таблицы. Укажите в UserPreferences желаемый стиль в формате CSS и он будет вписан в сгенерированный HTML-тэг. Как альтернатива: расширьте CSS мойна собственными определениями и ссылайтесь на них с помощью class или id.

Мы по-прежнему поддерживаем старую разметку таблиц, но эффект достижим указанием дополнительных опций к параметру style:

• <50%>: cell width (добавит width: 50%; к стилю)

• <width="50%">: тоже самое

• <tablewidth="100%">: ширину таблицы на 100% (сработает только в первом ряду таблицы)

• <(>: выравнено влево ( добавит text-align: left; к стилю)

• <:>: по центру ( добавитtext-align: center; к стилю)

• <)>: в право ( добавитtext-align: right; к стилю)

• <^>: вверх ( добавитvertical-align: top; к стилю)

• <v>: вниз ( добавитvertical-align: bottom; к стилю)

• <#XXXXXX>: цвет фона ( добавит background-color: #XXXXXX; к стилю)

• <bgcolor="#XXXXXX"> тоже самое

• <rowbgcolor="#XXXXXX"> цвет фона ряда (сработает только в первом ряду таблицы)

• <tablebgcolor="#XXXXXX"> цвет фона таблицы

Если вы используете несколько конфликтующих опций типа <(:)> - победит последняя. Нет точной опции для вертикального центрирования (middle), потому как она всегда по умолчанию.

2. Пример

 НОВЫЙ СТИЛЬ: Общий план таблицы и HTML - подобные опции::
 ||||||<tablestyle="width: 80%">'''Заголовок'''||
 ||ячейка 1||ячейка 2||ячейкаl 3||
 ||<rowspan=2> объединение 2 рядов||||<style="background-color: #E0E0FF;"> объединение  2 колонок||
 ||<rowstyle="background-color: #FFFFE0;">ячейка 2||ячейка 3||
 Ширина ячейки::
 || узкая ||<style="width: 99%; text-align: center;"> широкая ||
 Объединение рядов и колонок::
 ||<|2> 2 ряда || ряд 1 ||
 || ряд 2 ||
 ||<-2> ряд 3 на 2 колонки ||
 Выравнивание::
 ||<style="text-align: left"> влево ||<|3 style="vertical-align: top;"> вверх ||<|3 style="vertical-align: bottom;"> вниз ||
 ||<style="text-align: center;"> по центру ||
 ||<style="text-align: right;"> вправо ||
 Шрифты::
 || обычный ||<style="font-weight: bold;"> жирный ||<style="color: #FF0000;"> красный ||<style="color: #FF0000; font-weight: bold;"> жирный ||
 Цвета::
 ||<style="background-color: red;"> красный ||<style="background-color: green;"> зеленый ||<style="background-color: blue;"> синий ||

 СТАРЫЙ СТИЛЬ: Общий план таблицы и HTML - подобные опции::
 ||||||<tablewidth="80%">'''Заголовок'''||
 ||ячейка 1||ячейка 2||ячейка 3||
 ||<rowspan=2> объединение рядов||||<bgcolor='#E0E0FF'> объединение на 2 колонки||
 ||<rowbgcolor="#FFFFE0">ячейка 2||ячейка 3||
 Ширина ячейки::
 || узкая ||<:99%> широкая ||
 Объединение рядов и колонок::
 ||<|2> 2 ряда || ряд 1 ||
 || ряд 2 ||
 ||<-2> ряд 3 на 2 колонки ||
 Выравнивание::
 ||<(> влево ||<^|3> вверх ||<v|3> вниз ||
 ||<:> по центру ||
 ||<)> вправо ||
 Цвета::
 ||<#FF8080> красный ||<#80FF80> зеленый ||<#8080FF> синий ||

3. Отображение

НОВЫЙ СТИЛЬ: Общий план таблицы и HTML - подобные опции

Заголовок
ячейка 1	ячейка 2	ячейкаl 3
объединение 2 рядов	объединение 2 колонок
	ячейка 2	ячейка 3

Ширина ячейки

узкая

широкая

Объединение рядов и колонок

2 ряда	ряд 1
	ряд 2
ряд 3 на 2 колонки

Выравнивание

влево	вверх	вниз
по центру
вправо

Шрифты

обычный

жирный

красный

жирный

Цвета

красный

зеленый

синий

СТАРЫЙ СТИЛЬ: Общий план таблицы и HTML - подобные опции

Заголовок
ячейка 1	ячейка 2	ячейка 3
объединение рядов	объединение на 2 колонки
	ячейка 2	ячейка 3

Ширина ячейки

узкая

широкая

Объединение рядов и колонок

2 ряда	ряд 1
	ряд 2
ряд 3 на 2 колонки

Выравнивание

влево	вверх	вниз
по центру
вправо

Цвета

красный

зеленый

синий

4. Вставка данных таблицы из других источников

• значения разделенные запятыми, см. ПомощьПоПарсерам#csvparser

• вставка страниц вики, см ПомощьПоМакросам/Include