BBCode

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

Example in HTML/CSS BBCode Output
<b>bolded text</b>
[2] or
<span style="font-weight: bold;">bolded text</span>
[b]bolded text[/b]
bolded text
<i>italicized text</i>
or
<span style="font-style: italic;">italicized text</span>
[i]italicized text[/i]
italicized text
<u>underlined text</u>
or
<span style="text-decoration: underline;">underlined text</span>
[u]underlined text[/u]
underlined text
<s>strikethrough text</s>
or
<del>strikethrough text</del>
or
<span style="text-decoration: line-through;">strikethrough text</span>
[s]strikethrough text[/s]
strikethrough text
<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://upload.wikimedia.org/wikipedia/commons/7/70/Example.png" alt="Example image">
[img alt="Example image" ]https://upload.wikimedia.org/wikipedia/commons/7/70/Example.png[/img]
Example image
<img src="Smileys/Face-smile.svg" alt=":-)">
:)
or
[:-)]

This would be another way to use the [img]url_img[/img] and must be pre-configured by the forum administrator.

(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>&mdash; author</cite></blockquote>

(Usually implemented in more advanced ways.)

[quote]quoted text[/quote]
[quote="author"]quoted text[/quote]

(including optional author)

quoted text

quoted text

— author

<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>
or
<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>
or
<span style="color:#FF00FF;">Text in fuchsia</span>
[style color="fuchsia"]Text in fuchsia[/style]
or
[style color=#FF00FF]Text in fuchsia[/style]
or
[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 # from selecting a hexadecimal color.)

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 li and /li, list types – unordered and ordered, with different bullets or counter formats – etc.)

  • Entry A
  • Entry B
  1. Entry 1
  2. Entry 2
<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 thead, rules, etc.)

column header 1 column header 2
table cell 1 table cell 2
Source:[4]

See also

Other lightweight markup languages:

References

  1. ^ "BBCode history". www.bbcode.org. Retrieved 21 February 2025.
  2. ^ "HTML Text Formatting". W3Schools. Retrieved 2021-05-01.
  3. ^ e.g. BOINC Project Forums et al.
  4. ^ "BBCode tags reference". www.bbcode.org. Retrieved 12 January 2022.

Content Disclaimer

Informasi ini disarikan dari Wikipedia dan disajikan kembali untuk tujuan edukasi. Konten tersedia di bawah lisensi CC BY-SA 3.0. Kami tidak bertanggung jawab atas ketidakakuratan data yang bersumber dari kontribusi publik tersebut.

  1. The information displayed on this website is sourced in part or in whole from Wikipedia and has been adapted for the purpose of restating it. We strive to provide accurate and relevant information, however:
  2. There is no guarantee of absolute accuracy. Wikipedia is an open, collaborative project that can be edited by anyone, so information is subject to change.
  3. It is not intended to constitute professional advice. The content displayed is for informational and educational purposes only. For important decisions (e.g., medical, legal, or financial), please consult a professional.
  4. Content copyright. Wikipedia is licensed under the Creative Commons Attribution-ShareAlike License (CC BY-SA). This means that content may be reused with appropriate attribution and shared under a similar license.
  5. Responsible use. Any risk arising from the use of information from this website is entirely the responsibility of the user.