What is BBCode? How do i use it? [TUTORIAL]

Wed Feb 06, 2013 4:33 am

Hello,
I haven't seen many weblogs that require BBCode, I have to say, but there are lots of discussion boards that require postings be written in BBCode rather than HTML. The main reason, as far as I can tell, is so there's some control over people not adding unauthorized HTML sequences (like including pictures from unaffiliated Web sites) because it doesn't seem that much easier than HTML when you look at the two.

Be that as it may, there are now a lot of different sites that are BBCode enabled, so let's have a look at how it works...

The basic difference between BBCode and HTML is that while HTML uses < and > to surround tags, BBCode requires that you use [ and ]. Once you realize that, it's pretty smooth sailing.

For example, bold text is produced with text to have in bold, while italics is generated with and and underlining (which is still a bad idea on a Web page, even in BBCode) is done with and .

Font color and size changes are accomplished with deprecated HTML "font" tag attributes: text in red turns some text red, for example. You can also specify the hexidecimal color equivalent if you're a purist (that is, use ), and text size can be specified as a value of 1..29, where 1=very small text and 29=really big text. The more modern way to specify these type attributes in the HTML world is to use CSS styles, but that's another story. :-)

A surprising number of boards that use BBCode also support special code listing blocks denoted with

Code:: and

. Within these two tags, all < and > symbols are translated into their displayable equivalent (the HTML character entities < and >) so that you can share HTML code with other board members.

Finally, a small number of sites will let you include images using the [img] tag. It's completely analogous to the simpler of the URL forms shown earlier, and linking to, say, the cheery Yahoo Instant Messenger graphic on their home page can be accomplished with: What is BBCode? How do i use it? [TUTORIAL] Msg

What is BBCode? How do i use it? [TUTORIAL] Msg

. By the way, just because you can include a graphic doesn't mean you should or are allowed to...

That's about it for the BBCode language. You can combine multiple tags in a sequence if you want blue, bold, URLs, for example (you'd use [url]the URL[/url]). Just make sure that you always close links from innermost to outermost, just like parentheses in your writing!

Hope it helps!

Laureen

Wed Feb 06, 2013 4:41 am

You can also use an image as the name of the url

Code:: [url=http://link][img]image link[/img][/url]

Sun Feb 10, 2013 9:57 pm

What is " BBCode " exactly?

Wed Feb 13, 2013 7:40 am

There is already a thread for BBcodes.

Here: BBCode Guide

Please do browse the forum and review the threads before creating a thread so identical threads will be avoided.