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]

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).

Tags reference table

Name Syntax Purpose Example
Bold [b]{text}[/b] Makes {text} bold Bold example
Italic [i]{text}[/i] Makes {text} italic Italic example
Underline [u]{text}[/u] Underlines {text} Underline example
Strikethrough [s]{text}[/s] Create a strikethrough on {text} Strikethrough example
Font-size [size={number}]{text}[/size]
[style size={number}]{text}[/style]
Changes the font-size of {text} Font-size example
Font color [color={color}]{text}[/color]
[style color={color or hex}]{text}[/style]
Changes the color of {text} Font color example
Center text [center]{text}[/center] Centers {text} on screen Center text example
Left align text [left]{text}[/left] Left aligns {text} on screen Left align text example
Right align text [right]{text}[/right] Right aligns {text} on screen Right align text example
Quote [quote]{text}[/quote] Creates a quotation box containing {text} Quote example
Quote (named) [quote={name}]{text}[/quote] Creates a quotation box quoting {name} as saying {text} Quote (named) example
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 example
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. Spoiler (named) example
Link [url]{url}[/url] Makes a link to {url} Link example
Link (named) [url={url}]{text}[/url] Makes a named link to {url} Link (named) example
Image [img]{url}[/img] Shows the image indicated by {url} Image example
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} Image (resized) example
List Unordered list: [ul]{items}[/ul]
Ordered list: [ol]{items}[/ol]
Another variant: [list]{items}[/list]
Displays a list of {items} List example
List item [li]{text}[/li]
Shorthand: [*]{text}\newline
Specifies an {item} within a list List item example
Code [code]{text}[/code] Meant for rendering code snippets Code example
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 Preformatted example
Tables [table]{rows}[/table] Show a table with {rows} in it Tables example
Table rows [tr]{cells}[/tr] Renders a table row containing {cells} Table rows example
Table content cells Heading cell: [th]{content}[/th]
Content cell: [td]{content}[/td]
Shows {content} in a table (heading) cell Table content cells example
Youtube videos [youtube]{id}[/youtube] Shows the youtube video indicated by {id} Youtube videos example

Something missing?

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

BBCode examples

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