# Справочник BB-code

## Работа с текстом:

BB-код | Описание | Пример | Представление в HTML
--- | --- | --- | ---
[b]текст[/b] | Важный текст, полужирный | текст | <strong>текст</strong>
[i]текст[/i] | Важный текст, курсив | текст | <em>текст</em>
[bold]текст[/bold] | Просто полужирный | текст | <b>текст</b>
[italic]текст[/italic] | Просто курсив | текст | <i>текст</i>
[u]текст[/u] | Подчёркнутый текст | текст | <u>текст</u>
[s]текст[/s] | Зачеркнутый | текст | <s>текст</s>
[sup]текст[/sup] | Верхний индекс | текст | <sup>текст</sup>
[sub]текст[/sub] | Нижний индекс | текст | <sub>текст</sub>
[small]текст[/small] | Уменьшенный шрифт | текст | <small>текст</small>
[p]текст[/p] | Абзац |  | <p>текст</p>
[color=цвет]текст[/color] | Цвет текста |  | <span style="color:цвет">текст</span>
[size=10pt]текст[/size] | Размер шрифта |  | <span style="font-size:10pt">текст</span>
[div=стиль]текст[/div] | style для блока |  | <div style="стиль">текст</div>
[p=стиль]текст[/p] | style для абзаца |  | <p style="стиль">текст</p>
[span=стиль]текст[/span] | style для текста |  | <span style="стиль">текст</span>

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

BB-код | Описание | Представление в HTML
--- | --- | ---
[left]текст[/left] | Выравнивание в блоке влево | <div style="text-align: left;">текст</div>
[right]текст[/right] | Выравнивание в блоке вправо | <div style="text-align: right;">текст</div>
[center]текст[/center] | Выравнивание в блоке по центру | <div style="text-align: center;">текст</div>
[justify]текст[/justify] | Выравнивание в блоке по ширине | <div style="text-align: justify;">текст</div>
[left стиль]текст[/left] | Выравнивание в блоке влево | <div style="text-align: left; стиль">текст</div>
[right стиль]текст[/right] | Выравнивание в блоке вправо | <div style="text-align: right; стиль">текст</div>
[center стиль]текст[/center] | Выравнивание в блоке по центру | <div style="text-align: center; стиль">текст</div>
[justify стиль]текст[/justify] | Выравнивание в блоке по ширине | <div style="text-align: justify; стиль">текст</div>
[pleft]текст[/pleft] | Выравнивание в абзаце влево | <p style="text-align: left;">текст</p>
[pright]текст[/pright] | Выравнивание в абзаце вправо | <p style="text-align: right;">текст</p>
[pcenter]текст[/pcenter] | Выравнивание в абзаце по центру | <p style="text-align: center;">текст</p>
[pjustify]текст[/pjustify] | Выравнивание в абзаце по ширине | <p style="text-align: justify;">текст</p>

## Заголовки:

BB-код | Описание | Пример | Представление в HTML
--- | --- | --- | ---
[h1]текст[/h1] | Заголовок 1-го уровня | # текст | <h1>текст</h1>
[h2]текст[/h2] | Заголовок 2-го уровня | ## текст | <h2>текст</h2>
[h3]текст[/h3] | Заголовок 3-го уровня | ### текст | <h3>текст</h3>
[h4]текст[/h4] | Заголовок 4-го уровня | #### текст | <h4>текст</h4>
[h5]текст[/h5] | Заголовок 5-го уровня | ##### текст | <h5>текст</h5>
[h6]текст[/h6] | Заголовок 6-го уровня | ###### текст | <h6>текст</h6>
[h1(класс)]текст[/h1] | Заголовок 1-го уровня с классом. Аналогично для h2-h6. |  | <h1 class="класс">текст</h1>

## Списки:

BB-код | Описание | Представление в HTML
--- | --- | ---
[list]список[/list] | Маркированный список | <ul>список</ul>
[ul]список[/ul] | Маркированный список | <ul>список</ul>
[ol]список[/ol] | Нумерованный список | <ol>список</ol>
[*]текст | Элемент списка | <li>текст
[*]текст[/*] | Элемент списка | <li>текст</li>
ПРИМЕР СПИСКА: [list] [*]первый [*]второй [*]третий [/list]

## Разное:

BB-код | Описание | Пример | Представление в HTML
--- | --- | --- | ---
[br] | Принудительный перенос строки |  | <br clear="all">
[code]текст[/code] | Код | `текст` | <code>текст</code>
[pre]текст[/pre] | Преформатированный текст |
    текст
| <pre>текст</pre>
[abbr]абревиатура[/abbr] | Абревиатура | абревиатура | <abbr>абревиатура</abbr>
[abbr описание]...[/abbr] | Абревиатура с описанием | абревиатура | <abbr title="описание">абревиатура</abbr>
[q]цитата в строке[/q] | Цитата | цитата | <q>цитата в строке</q>
[q свойства]цитата в строке[/q] | Цитата со свойствами |  | <q свойства>цитата в строке</q>
[cite]Сноска[/cite] | Сноска | сноска | <cite>Сноска</cite>
[cite свойства]Сноска[/cite] | Сноска со свойствами |  | <cite свойства>Сноска</cite>
[address]адрес[/address] | Адрес |  | <address>адрес</address>
[address свойства]адрес[/address] | Адрес со свойствами |  | <address свойства>адрес</address>
[dfn]Новый термин[/dfn] |  |  | <dfn>Новый термин</dfn>
[dfn свойства]Новый термин[/dfn] |  |  | <dfn свойства>Новый термин</dfn>
[del]удаленный текст[/del] |  |  | <del>удаленный текст</del>
[del свойства]удаленный текст[/del] |  |  | <del свойства>удаленный текст</del>
[ins]Добавленный текст[/ins] |  |  | <ins>Добавленный текст</ins>
[ins свойства]Добавленный текст[/ins] |  |  | <ins свойства>Добавленный текст</ins>
[dl]Список определений[/dl] |  |  | <dl>Список определений</dl>
[dl свойства]Список определений[/dl] |  |  | <dl свойства>Список определений</dl>
[dt]Определение[/dt] |  |  | <dt>Определение</dt>
[dt свойства]Определение[/dt] |  |  | <dt свойства>Определение</dt>
[dd]Описание[/dd] |  |  | <dd>Описание</dd>
[dd свойства]Описание[/dd] |  |  | <dd свойства>Описание</dd>
[quote]текст[/quote] | Цитата |  | <blockquote>текст</blockquote>
[div(class)]текст[/div] |  |  | <div class="class">текст</div>
[div атрибуты]текст[/div] |  |  | <div атрибуты>текст</div>
[span(class)]текст[/span] |  |  | <span class="class">текст</span>
[span атрибуты]текст[/span] |  |  | <span атрибуты>текст</span>
[text-demo] | Подключает файл text-demo.txt (можно использовать для проверки стилей шаблона) |  |

## Работа с картинками:

BB-код | Описание | Представление в HTML
--- | --- | ---
[img]адрес[/img] | Картинка | <img src="адрес">
[img=300x500]адрес[/img] | Картинка с размерами | <img src="адрес" style="width: 300px; height: 500px">
[imgleft]адрес[/imgleft] | Картинка влево | <img src="адрес" style="float: left; margin: 0 10px 0 0;">
[imgright]адрес[/imgright] | Картинка вправо | <img src="адрес" style="float: right; margin: 0 0 0 10px;">
[imgcenter]адрес[/imgcenter] | Картинка по центру | <div style="text-align: center"><img src="адрес"></div>
Аналогичные, только с названиями/всплывающими подсказками. В названии нельзя использовать кавычки!
[img Название]адрес[/img] |  |
[imgleft Название]адрес[/imgleft] |  |
[imgright Название]адрес[/imgright] |  |
[imgcenter Название]адрес[/imgcenter] |  |
[imgleft=300x500]адрес[/imgleft] | Картинка с размерами влево |
[imgright=300x500]адрес[/imgright] | Картинка с размерами вправо |
[img(cssClass)]адрес[/img] | Картинка с указанным css-классом |
[img(cssClass) Описание]адрес[/img] | Картинка с указанным css-классом и описанием |
Миниатюра (адрес-mini) со ссылкой на оригинал
[imgmini=_адрес-mini]адрес[/imgmini] | Открыть в новом окне | <a href="адрес" target="_blank"><img src="адрес-mini"></a>
[imgmini=адрес-mini]адрес[/imgmini] | Открыть в том же окне | <a href="адрес"><img src="адрес-mini"></a>

## Работа с ссылками:

BB-код | Представление в HTML
--- | ---
[url]http://maxsite.org/[/url] | <a href="http://maxsite.org/">http://maxsite.org/</a>
[url=http://maxsite.org/]Блог Макса[/url] | <a href="http://maxsite.org/">Блог Макса</a>
[url=http://maxsite.org/ rel="nofollow"]Блог Макса[/url] | <a href="http://maxsite.org/" rel="nofollow">Блог Макса</a>
[url rel="nofollow"]http://maxsite.org/[/url] | <a href="http://maxsite.org/" rel="nofollow">http://maxsite.org/</a>

## Работа с таблицей:

ПРИМЕР ТАБЛИЦЫ:

[table]

[tr]

[td]1-я ячейка 1-й строки[/td]

[td]2-я ячейка 1-й строки[/td]

[td]3-я ячейка 1-й строки[/td]

[/tr]

[tr]

[td]1-я ячейка 2-й строки[/td]

[td]2-я ячейка 2-й строки[/td]

[td]3-я ячейка 2-й строки[/td]

[/tr]

[tr]

[td]1-я ячейка 3-й строки[/td]

[td]2-я ячейка 3-й строки[/td]

[td]3-я ячейка 3-й строки[/td]

[/tr]

[/table]

В таблице можно указывать произвольные стили, классы и т.п.: [table class="red" style="border: 1px solid red"] ... [tr rowspan="2"] [td style="font-size: 18pt"]