• Теги, BB-код и примеры их использования 5 1
Текущий рейтинг:  

Автор Тема: Теги, BB-код и примеры их использования  (Прочитано 1772 раз)

Оффлайн Кampanella

  • Кто к нам с чем за чем, тот от того и того.
  • Администратор
  • *****
  • Topic Author
  • Сообщений: 5190
  • Поблагодарили: 110 раз(а)
Для начала, разберёмся с понятиями и терминами, которыми в дальнейшем будем оперировать.

Теги — это специальные команды, написанные на 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]
(подведите сюда указатель мышки)
« Последнее редактирование: 21 Апреля 2015, 18:04:34 от Кampanella »
 

Оффлайн мерлин

  • мать твою
  • Старожил
  • ****
  • Сообщений: 269
  • Поблагодарили: 27 раз(а)
  • Пол: Мужской
 

Теги: теги bb-код