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

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

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

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

Помимо повторения маркеров ячеек для получения колонок содержащих несколько других колонок, вы можете непосредственно установить много атрибутов 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), потому как она всегда по умолчанию.

Пример

 НОВЫЙ СТИЛЬ: Общий план таблицы и 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> синий ||

Отображение

НОВЫЙ СТИЛЬ: Общий план таблицы и 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 колонки

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

  • влево

    вверх

    вниз

    по центру

    вправо

    • Цвета

  • красный

    зеленый

    синий

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