BBCode ("Bulletin Board Code") is a lightweight markup language used to format messages in many Internet forum software. It was first introduced in 1998.[1] The available "tags" of BBCode are usually indicated by square brackets ([ and ]) surrounding a keyword, and are parsed before being translated into HTML.[citation needed]
Tags
edit| Example in HTML/CSS | BBCode | Output | ||||
|---|---|---|---|---|---|---|
<b>bolded text</b>
<span style="font-weight: bold;">bolded text</span>
|
[b]bolded text[/b]
|
bolded text | ||||
<i>italicized text</i>
<span style="font-style: italic;">italicized text</span>
|
[i]italicized text[/i]
|
italicized text | ||||
<u>underlined text</u>
<span style="text-decoration: underline;">underlined text</span>
|
[u]underlined text[/u]
|
underlined text | ||||
<s>strikethrough text</s>
<del>strikethrough text</del>
<span style="text-decoration: line-through;">strikethrough text</span>
|
[s]strikethrough text[/s]
|
|||||
<a href="https://en.wikipedia.org">https://en.wikipedia.org</a>
<a href="https://en.wikipedia.org">English Wikipedia</a>
|
[url]https://en.wikipedia.org[/url]
[url=https://en.wikipedia.org]English Wikipedia[/url]
|
|||||
<img src="https://i0.wp.com/176.123.6.191/wiki-img/wikipedia/commons/7/70/Example.png" alt="Example image">
|
[img alt="Example image" ]https://i1.wp.com/176.123.6.191/wiki-img/wikipedia/commons/7/70/Example.png[/img]
|
| ||||
<img src="Smileys/Face-smile.svg" alt=":-)">
|
:)
[:-)]
This would be another way to use the (This and other emoticons, depending on the variant. Most BBCodes do not enclose emoticons in square brackets, leading to frequent accidental usage.)
|
(Specific image and size vary.)
| ||||
<blockquote><p>quoted text</p></blockquote>
<blockquote><p>quoted text</p><cite>— author</cite></blockquote>
(Usually implemented in more advanced ways.) |
[quote]quoted text[/quote]
[quote="author"]quoted text[/quote]
(including optional |
| ||||
<pre><code>computer code</code></pre>
|
[code]computer code[/code]
|
computer code
| ||||
<pre>monospaced text</pre>
|
[pre]monospaced text[/pre]
|
monospaced text | ||||
<span style="font-size:30px">Large Text</span>
<span style="font-size:85%">Smaller Text</span>
|
[style size="30px"]Large Text[/style]
[style size="85"]Smaller Text[/style]
or [size="30px"]Large Text[/size]
[size="85"]Smaller Text[/size]
(The unit of measurement varies with each BBCode variant and could represent pixels, points, or relative HTML sizes.) |
Large Text
Smaller Text
| ||||
<span style="color:fuchsia;">Text in fuchsia</span>
<span style="color:#FF00FF;">Text in fuchsia</span>
|
[style color="fuchsia"]Text in fuchsia[/style]
[style color=#FF00FF]Text in fuchsia[/style]
[color=#FF00FF]Text in fuchsia[/color]
(Both HTML color names and hexadecimal color values are generally supported, although on some boards, you must omit the |
Text in fuchsia | ||||
<ul>
<li>Entry A</li>
<li>Entry B</li>
</ul>
<ol>
<li>Entry 1</li>
<li>Entry 2</li>
</ol>
|
[list]
[*]Entry A
[*]Entry B
[/list]
[list=1]
[*]Entry 1
[*]Entry 2
[/list]
Some message boards do not need the square brackets around the markers.[3] (Many variants for |
| ||||
<table>
<tr>
<th>column header 1</th>
<th>column header 2</th>
</tr>
<tr>
<td>table cell 1</td>
<td>table cell 2</td>
</tr>
</table>
|
[table]
[tr]
[th]column header 1[/th]
[th]column header 2[/th]
[/tr]
[tr]
[td]table cell 1[/td]
[td]table cell 2[/td]
[/tr]
[/table]
(Some variants for |
| ||||
| Source:[4] | ||||||
See also
editOther lightweight markup languages:
References
edit- ^ "BBCode history". www.bbcode.org. Retrieved 21 February 2025.
- ^ "HTML Text Formatting". W3Schools. Retrieved 2021-05-01.
- ^ e.g. BOINC Project Forums et al.
- ^ "BBCode tags reference". www.bbcode.org. Retrieved 12 January 2022.
