BB-теги. Как ими пользоваться?

[Мастер]

BB-теги (от слов Bulletin Board) - это инструмент для оформления текста в сообщениях, вставки ссылок, картинок, таблиц.

В самом общем виде BB-тег выглядит так

  [имя_тега]отображаемое содержимое, заключённое в тег[/имя_тега]

Квадратные скобки обрамляют имя_тега и вместе с имя_тега служат для того, чтобы процессор текста определил, что вот этот текст - тег и с содержимым, заключённым в данный тег, надо что-то сделать перед тем, как его показать пользователю.

имя_тега - это условность, настоящие имена всегда пишутся латинскими буквами.

Иногда к имя_тега непосредственно "пристёгивается" какой-нибудь параметр, и тогда конструкция выглядит вот так

  [имя_тега=параметр_тега]отображаемое содержимое, заключённое в тег[/имя_тега]

Обычно теги могут быть вложенными друг в друга, либо наоборот, пересекающимися, но это работает не для всех тегов, сложные теги могут "капризничать" (это зависит от несовершенства программного обеспечения форума), либо вообще не предусматривать вложенность. По-возможности это будет объясняться, однако хорошим правилом следует считать то, что перед отправкой сообщения вы проверите его правильное отображение, нажав кнопку "Предварительный просмотр".

Вроде всё просто. Далее потихоньку разберём правильное использование тегов, которые можно применять для оформления текстов, размещаемых на форуме. Конечно же, начнём с самых простых.

 b - жирный шрифт (bold)

тег оформляет текст, помещённый в него, жирным шрифтом.

Это обычный текст, а это [b]жирный текст.[/b] И снова обычный

Это обычный текст, а это жирный текст. И снова обычный

[свернуть]

 i - наклонный шрифт (italic)

тег оформляет текст, помещённый в него, наклонным шрифтом.

Это обычный текст, а это [i]текст с наклонным шрифтом.[/i] И снова обычный

Это обычный текст, а это текст с наклонным шрифтом. И снова обычный

[свернуть]

 u - подчёркнутый шрифт (underlined)

тег оформляет текст, помещённый в него, подчёркиванием.

Это обычный текст, а это [u]подчёркнутый текст.[/u] И снова обычный

Это обычный текст, а это подчёркнутый текст. И снова обычный

[свернуть]

 s - перечёркнутый шрифт (strikethrough)

тег делает текст, помещённый в него, перечёркнутым (зачёркнутым).

Это обычный текст, а это [s]зачёркнутый текст.[/s] И снова обычный

Это обычный текст, а это зачёркнутый текст. И снова обычный

[свернуть]

 sup - верхний индекс (superscript)

тег делает текст, помещённый в него, маленьким и размещает его выше линии строки. Используется обычно для обозначения степеней чисел и т.п.

Это обычный текст, а это [sup]верхний индекс[/sup]. И снова обычный.
А это три в квадрате: 3[sup]2[/sup]

Это обычный текст, а это ^{верхний индекс}. И снова обычный.
А это три в квадрате: 3²

[свернуть]

 sub - нижний индекс (subscript)

тег делает текст, помещённый в него, маленьким и размещает его ниже линии строки. Используется обычно для изображения химических формул, разных индексов и т.п.

Это обычный текст, а это [sub]нижний индекс[/sub]. И снова обычный.
А это формула этилового спирта: C[sub]2[/sub]H[sub]5[/sub]OH

Это обычный текст, а это _{нижний индекс}. И снова обычный.
А это формула этилового спирта: C₂H₅OH

[свернуть]

 font = тип шрифта

тег позволяет выбрать тип шрифта для текста, помещённого в него

Текст без уточнения типа шрифта. А это [font=Comic Sans MS]шрифт Comic Sans MS - хочешь булочку?[/font] А далее вновь "обычный".

Текст без уточнения типа шрифта. А это шрифт Comic Sans MS - хочешь булочку? А далее вновь "обычный".

В качестве типа шрифта необходимо использовать одно имя шрифта из списка:

• Arial
• Arial Black
• Comic Sans MS
• Courier New
• Georgia
• Impact
• Sans-serif
• Serif
• Times New Roman
• Trebuchet MS
• Verdana

Именами шрифтов необходимо пользоваться аккуратно, нужно помнить, что браузер пользователя имеет право не отображать тот шрифт, который вы указали в теге своего сообщения, подменив его на "шрифт по умолчанию".
Хотя вы можете печатать тег font вручную, редактор, при помощи которого вы набираете сообщение в форуме, по нажатии кнопки выбора шрифта автоматически вставит в набираетмый текст тег с именем выбранного вами из выпадающего меню шрифта.

[свернуть]

 size = размер шрифта

Тег позволяет изменить размер шрифта для текста, заключённого в него. В качестве параметра указывается номер размера.

Текст без изменения размера. А [size=3]вот третий размер шрифта[/size], и следом за ним [size=1]первый размер[/size]. По-умолчанию считается, что шрифт имеет [size=2]размер два[/size].

Текст без изменения размера. А вот третий размер шрифта, и следом за ним первый размер. По-умолчанию считается, что шрифт имеет размер два.

Возможные размеры шрифта 1 2 3 4 5 6 7

[свернуть]

 left, center, right, justify - выравнивание текста

Выравнивает край текста по заданной стороне. left - по левой, right по правой, center - по центру, а justify - сразу по обоим сторонам.

По умолчанию текст выравнивается по левой стороне. Теги могут быть вложенными друг в друга.

Этот текст с выравниванием по умолчанию, т.е. по левому краю.
[left]Тот же результат получается с тегом [b]left[/b][/left]

[right]Этот текст с выравнян по правому краю.[/right]

[justify]Тег [b]justify[/b] обычно применяется к очень длинным абзацам, в которых много строк, потому что только большой объём текста позволяет оценить красоту выравнивания по обоим сторонам, делая абзацы текста ровными, красивыми, как их печатают в газетах или книгах. При таком выравнивании каждая строка как бы растягивается путём небольшого увеличения пустого места между каждым словом. При этом висячие строки (обычно это последняя строка каждого абзаца) не растягиваются и остаются короткими и выравняными так, как это принято по умолчанию для данного языка.[/justify]

Этот текст с выравниванием по умолчанию, т.е. по левому краю.

Тот же результат получается с тегом left

Этот текст с выравнян по правому краю.

Тег justify обычно применяется к очень длинным абзацам, в которых много строк, потому что только большой объём текста позволяет оценить красоту выравнивания по обоим сторонам, делая абзацы текста ровными, красивыми, как их печатают в газетах или книгах. При таком выравнивании каждая строка как бы растягивается путём небольшого увеличения пустого места между каждым словом. При этом висячие строки (обычно это последняя строка каждого абзаца) не растягиваются и остаются короткими и выравняными так, как это принято по умолчанию для данного языка.

[свернуть]

pre - преформатированный текст

Обычно при отображении текста браузер автоматически располагает текст так, чтобы он был весь виден в окне. При этом производятся разбивка и переносы строк, сужение или расширение пробелов. Однако бывает так, что в части текста обязательно нужно сохранить взаимное расположение символов (букв, цифр) друг относительно друга. Это могут быть небольшие таблицы, стихотворения и т.п. Для этого предназначен тег pre

без тега [b]pre[/b]

    Track |  Start  |  Length  | Start sector | End sector
    ---------------------------------------------------------
        1  |  0:00.00 |  5:39.52 |        0    |    25476
        2  |  5:39.52 |  3:53.30 |    25477    |    42981
        3  |  9:33.07 |  3:41.70 |    42982    |    59626
        4  | 13:15.02 |  3:03.05 |    59627    |    73356

и с тегом [b]pre[/b]
[pre]
    Track |  Start  |  Length  | Start sector | End sector
    ---------------------------------------------------------
        1  |  0:00.00 |  5:39.52 |        0    |    25476
        2  |  5:39.52 |  3:53.30 |    25477    |    42981
        3  |  9:33.07 |  3:41.70 |    42982    |    59626
        4  | 13:15.02 |  3:03.05 |    59627    |    73356
[/pre]

без тега pre

    Track |  Start  |  Length  | Start sector | End sector
    ---------------------------------------------------------
        1  |  0:00.00 |  5:39.52 |        0    |    25476
        2  |  5:39.52 |  3:53.30 |    25477    |    42981
        3  |  9:33.07 |  3:41.70 |    42982    |    59626
        4  | 13:15.02 |  3:03.05 |    59627    |    73356

и с тегом pre

     Track |   Start  |  Length  | Start sector | End sector
    ---------------------------------------------------------
        1  |  0:00.00 |  5:39.52 |         0    |    25476
        2  |  5:39.52 |  3:53.30 |     25477    |    42981
        3  |  9:33.07 |  3:41.70 |     42982    |    59626
        4  | 13:15.02 |  3:03.05 |     59627    |    73356

[свернуть]

 hr - горизонтальная линия

При помощи этого тега просто изображается горизонтальная линия. Удобно использовать в качестве какого-нибудь разделителя.

Тег hr не требует закрытия т.к. применяется точечно, а не к области текста.

Что-нибудь пишем, а потом нарисуем линию [hr]и после линии ещё немного текста.

Что-нибудь пишем, а потом нарисуем линию
и после линии ещё немного текста.

Обратите внимание, что даже если тег hr находится в одной строке с текстом, он разобьёт эту строка на две, первая часть будет выше линии, вторая ниже.

[свернуть]