Теги, BB-код и примеры их использования

[Кampanella]

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

Теги — это специальные команды, написанные на HTML; заключаются между двумя треугольными скобками - < >

BBcode - это тот же вариант HTML, но теги заключаются в квадратные скобки - [ ].
 Нужна вся эта история для добавления различных эффектов в процессе форматирования текста.

Теги форматирования текста BBcode получили своё название по имени движка phpBB, в котором были реализованы.
Далее, используя термин "тег", я буду подразумевать теги форматирования текста BB-кода

Теги бывают:
 парными ->  [ ] [/]  и одиночными -> [ ]
 [ ] - это открывающий тег
 [/] - это закрывающий тег

Как работать с тегами.
1. Теги набираются в нижнем регистре, без пробелов между символами.

2. Текст, который вы хотите оформить, вставляется между закрывающим и открывающим тегами
Вот так:

Код: [Выделить]

[тег]ваш текст[/тег]
3. Теги можно комбинировать друг с другом - например, использовать тег жирного шрифта в сочетании с тегом цвета, размера и т.д.
Вот так:

Код: [Выделить]

[b][color=blue][size=14pt]ваш текст[/size][/color][/b]
Важно: для того, чтобы комбинируемые теги корректно работали, нужно правильно их вкладывать. Вкладываются они по принципу матрёшки: каждый парный тег вставляется внутрь другого парного тега, открывая и закрывая скобками свою задаваемую команду "симметрично".

Правильный вариант:

Код: [Выделить]

[b][i]текст[/i][/b]
Неправильный вариант:

Код: [Выделить]

[b][i]текст[/b][/i]

Некоторые примеры использования основных тегов:

Меняем начертание шрифта.

Спойлер: [code][b]ваш текст[/b][/code]
Результат: [b]ваш текст, выделенный жирным шрифтом[/b] (подведите сюда указатель мышки)

Извините, Вам не разрешено просматривать этот текст. Пожалуйста, войдите или зарегистрируйтесь.

Спойлер: [code][i]ваш текст[/i][/code]
Результат: [i]ваш текст, набранный курсивом[/i] (подведите сюда указатель мышки)

Извините, Вам не разрешено просматривать этот текст. Пожалуйста, войдите или зарегистрируйтесь.

Спойлер: [code][u]ваш текст[/u][/code]
Результат: [u]ваш текст, выделенный нижним подчёркиванием[/u] (подведите сюда указатель мышки)

Извините, Вам не разрешено просматривать этот текст. Пожалуйста, войдите или зарегистрируйтесь.

Спойлер: [code][s]ваш текст[/s][/code]
Результат: [s]ваш перечёркнутый текст[/s] (подведите сюда указатель мышки)

Извините, Вам не разрешено просматривать этот текст. Пожалуйста, войдите или зарегистрируйтесь.

Меняем размер и цвет шрифта

Спойлер: [code][size=10pt]ваш мелкий текст[/size][/code]
Результат: [size=10pt]ваш мелкий текст[/size]

[b]Или:[/b]

[code][size=18pt]ваш крупный текст[/size][/code]
Результат: [size=18pt]ваш крупный текст[/size] (подведите сюда указатель мышки)

Извините, Вам не разрешено просматривать этот текст. Пожалуйста, войдите или зарегистрируйтесь.

Спойлер: [code][color=green]ваш цветной текст[/color][/code]
Результат: [color=green]ваш цветной текст [/color] (подведите сюда указатель мышки)

Извините, Вам не разрешено просматривать этот текст. Пожалуйста, войдите или зарегистрируйтесь.

[мерлин]

ясно, кэп