If you’re wondering why this post looks so familiar, it’s because it is. It used to be a page until I decided that there was no way I was going to keep updating it with more info. So this is what I have. Hopefully it does help. If not, well, there’s a lot of internet out there.~
~
~
So I’d though I’d be cool (XD) and put up a sort of guide up for HTML (web pages) and BBC (usually online forums). Since I’m taking web design in school right now. BBC will be limited to my roleplaying experience, though I’ll provide you a link to a pretty awesome guide I’ve used. HTML will be updated as the class procedes. I might just move this page as a post when I’ve finished, but for convieniance I’m going to put it as a page.
So expect some guidance soon!
Alright, let’s start with BBCode. Here’s a website that will explain everything so much better than me, so why do I bother? Eh…dunno.
So, the basics. In BBC you use [ and ] not < and > like you would in HTML. Otherwise it’s the same idea. You have to close your tags, and the tags go around the text you want it to apply to. So something like [b]This is bold[/b] this is not bold. Or [color=red]This is red[/red] This is not red.
Font Size: Here’s the code for font size [size=PLACE NUMBER HERE][/size]
So far as I know, it works with any number. Depending on the forum, the size scale may differ.
Font Color: [color=HEXIDECIMAL VALUE or COLOR][/color]
A hexidecimal value is a bunch of numbers of letters that tells the computer what color it is. You can put in the actual names, but some systems might not recognize them. So if it doesn’t work, check your spellings and spaces. If that doesn’t work, try the hexidecimal. Here’s a link that will help you find more colors. Some colors don’t work on certain forums.
Bold: [b][/b] Like in html.
Italics: [i][/i]
Underline: [u][/u]
Now here’s the thing about underline. It usually will come out the same color as your font color, but you can also change it to a different color if you want to. So here would be the tags…
[color=COLORofUNDERLINE][u][color=COLORofTEXT]Text-text-text[/color][/u][/color]
Now you might also want more underline than you have words, or an extended underline. in order to do that, you want to use [color=white]Symbol of your choice.[/color] This way your underline is extended. No one will be able to see it unless they highlight the text. So the entire code would be
[color=Underline color][u][color=Color of text][color=white]Random symbols[/color]Text text text[/color][/u][/color]
The [color=white]symbols[/color] can go anywhere inside your text so you can add “blank underline” where-ever you like. However, you must keep in mind that it must go after the [color=color of text] and before the first [/color] close tag. And don’t forget to close the tag for the white too! Otherwise ALL of your text will be white, and it’ll seem like it was dissappeared. Also, this only works if the background of the webpage is white! Use the color according to what background color you have. This is mostly trial and error.
Align
There are three align codes, Center, Right, and Left. So..
[align=Aligment of your choice][/align]
Other sites may just have a simpler code that goes like this [alignment of choice][/alignment of choice]
Images
[img]Place url of image here. Don’t forget your http://][/img]
You may also align your images by using the align tags. If you want the text to go around the image however, you will have to use
[imgleft][/img] or [imgright][/img]
When you use [imgleft][/img] and [imgright][/img] at the same time, your text will be sandwiched between the two images. In some forums, imgright and imgleft don’t work. If you want wrap-around text then, I suggest trying
[align=left][img]image url here[/img]Text here[/align]
Code: If you want to show someone a code without putting spaces in, you use the code tag.
In between the brackets you should put any BBC you want to show up. For example…
[color=red][size=11]Hello, this is BBC[/size][/color]
The color and size tags will actually show up instead of being applied/shown. This is because the code tags tell the computer that the tags within the code are to be shown, not applied. You may also try
[nocode][color=red][size=11]Hello, this is BBC[/size[/color][/nocode]
Spoilers: Some sites have a thing called spoilers. It’s basically where a section of your text is hidden and not shown unless the person clicks on the spoiler. The most common tag would be
[spoiler]Text here[/spoil]
If you wanted to add a tite to your spoiler your tag would be this
[spoiler=title]Text here[/spoiler]
Some spoilers won’t work unless they have a title. An alternative way some sites do spoilers is
[hide=title][/hide]
It should work the same way the spoilers tags do.
Ok, so while I try to remember more BBC…let’s move onto HTML, which is a little trickier for me since this blog uses html. Alright, so the basics again. But if you think I explain everything horribly, I found an amazing website that explains everything pretty well. Here’s the link.
The Basics
In order to start html, it’s commonly accepted for you to start with the tag
<html>
Notice how the brackets for html are different. Make sure you close the tag the same way you would close a BBC tag. Other tags that are needed include
<html>
<head>
<title>The title of your web page</title>
</head>
<body>
This is where all of your text goes
</body>
</html>
Your closing tag for html should always be at the very very end, although you should do it when you start your web page so you don’t forget.
Tags and attributes
There are two types of..thingies in html. A tag, and an attribute. For example, <body> is a tag. Then we have <body bgcolor=”red”> bg color is your attribute because it changes whatever the tag applies to. In this case it is all of the background. Changes the color to red.
Onesided vs. Two-sided tags
HTML tags always come as either one sided or two sided. Two sided being <p></p> and one sided being <br>. It’s alright to write one sided tags as <br >, although it is prefered to write one sided tags as this </ br>
Underline
<u>Underline text here</u>
Bold
<b>Bolded text here</b>
OR
<strong>Strong, same as bold here</strong>
Italics
<i>Italics here</i>
OR
<em> Emphesis, same as italics here</em>
Strikethrough
<s>strike here</s>
OR <strike>strike here</strike >
Breaks
Use <br> WITHOUT a close tag to break lines apart. Usually the tag parapgraph is used instead.
Paragraph
<p>Breaks lines for you an allow attributes</p>
Headings
<h1>Text will be large and bolded. </h1>
1 Is the largest value and 6 is the least
Links
<a href=”url, don’t forget http://”>Link text goes here</a>
a means the tag anchor and href is hyper reference. I think.
Like this:
Be the first to like this post.