Clicky

BBCode tags reference


In this section, a reference table for all of the more popular BBCode tags is provided. Some are considered to be standard and should be supported in just about any BBCode implementation. Other are less likely to be supported, but nonetheless popular (hence the reason they’ve been included here).

 

Different types of tags

  • Simple tags: [tag]something[/tag]
  • Simple parameterized tags: [tag=value]something[/tag]
  • Complex parameterized tags: [tag value1=”xxx” value2=”yyy”]something[/tag]
  • Shorthand tags ie. [img=WIDTHxHEIGHT]URL[img]

bbcode reference

 

Tags reference table

Name

Syntax

Purpose

Example

Bold

[b]{text}[/b]

Makes {text} bold

Italic

[i]{text}[/i]

Makes {text} italic

Underline

[u]{text}[/u]

Underlines {text}

Strikethrough

[s]{text}[/s]

Create a strikethrough on {text}

Font-size

[size={number}]{text}[/size]

[style size={number}]{text}[/style]

Changes the font-size of {text}

Font color

[color={color}]{text}[/color]
[style color={color or hex}]{text}[/style]

Changes the color of {text}

Center text

[center]{text}[/center]

Centers {text} on screen

Left align text

[left]{text}[/left]

Left aligns {text} on screen

Right align text

[right]{text}[/right]

Right aligns {text} on screen

Quote

[quote]{text}[/quote]

Creates a quotation box containing {text}

Quote (named)

[quote={name}]{text}[/quote]

Creates a quotation box quoting {name} as saying {text}

Spoiler

[spoiler]{text}[/spoiler]

Creates a spoiler section (a box) that is by default collapsed until you click a button or the box itself to expand it to show the {text}

Spoiler (named)

[spoiler={name}]{text}[/spoiler]

Creates a spoiler section like the tag without the name, the difference here being that the indicated name is shown which can be used to headline spoiler.

Link

[url]{url}[/url]

Makes a link to {url}

Link (named)

[url={url}]{text}[/url]

Makes a named link to {url}

Image

[img]{url}[/img]

Shows the image indicated by {url}

Image (resized)

Full version: [img width={width} height={height} ...]{url}[/img]

 Another variant (shorthand): [img={width}x{height}]{url}[/img]


Shows {url} image resized to {width} and {height}

List

Unordered list: [ul]{items}[/ul]
Ordered list: [ol]{items}[/ol]
Another variant: [list]{items}[/list]

Displays a list of {items}

List item

[li]{text}[/li]
Shorthand: [*]{text}newline

Specifies an {item} within a list

Code

[code]{text}[/code]

Meant for rendering code snippets

Code (language specific)

[code={language}]{text}[/code]

Like the regular [code] tag it is used to render a snippet of code, but with this variant is possible to indicate which language is used so it can do proper synatx highlighting.

N/A

Preformatted

[pre]{text}[/pre]

Renders the {text} while maintaing all white spacing

Tables

[table]{rows}[/table]

Show a table with {rows} in it

Table rows

[tr]{cells}[/tr]

Renders a table row containing {cells}

Table content cells

Heading cell: [th]{content}[/th]
Content cell: [td]{content}[/td]

Shows {content} in a table (heading) cell

Youtube videos

[youtube]{id}[/youtube]

Shows the youtube video indicated by {id}

BBCode examples

Go to the examples section to find many examples of how you can use these tags.

 

Something missing?

If you think that some tags are missing here, please do not hesitate to contact us!