Venom's guide to BB Coding and HTML

[size=20]How to do simple HTML[/b][/u][/size]
[size=13]Made by Venom. Intended for Venomsworld (VW) only.[/size][/font]

<hr>
[size=13]Having trouble using the online html code writer? Read this guide to learn all the basic coding you need.[/size]

[size=18]Index[/size]
[size=13]
I. Introduction (01)
II. Text codes (02)
III. Web development using HTML (03)
IV. IMG HTML (04)
V. Practice (05)
VI. Conclusion (06)
[/font][/size]

[size=13]*To find these topics quickly, Press ‘ctrl f’ (this only works on most browsers) and type in the number that is beside each content.*[/size]
<hr>

[size=17]Introduction[/b][/size][/font]

[size=13]You may be thinking, what can HTML do me good in life? The answer is: If you’re going to have a computer and internet, you better learn it.[/size][/font]

[size=13]What is html?

Html is computer language. And you all know that computers are very fast and complicated. Now don’t think that you’re going to learn all of this. When I said “simple coding”, I mean it’s simple in an extent for html learning. Html is probably a very hard thing to master, and I’m going to teach the basics. I’m going to tell you everything I know (small amount) and you’ll probably use it for better purposes. I’m even using html right now.[/size]
<hr>

[size=17]Text Codes [/b][/size][/font]

[size=13]Text codes are the most used codes in any html script. For windows users, Microsoft Word has a built in text coder.

For example: Clicking B will enable bold letters. It is toggled. But in html, you’ll have to do it the hard way.

All Html codes have things called tags, with brackets like these. [ ]
This indicates that you’ve started an action or a code. Inside the parenthesis, you can put whatever code you want.[/size][/font]

[size=16]Codes[/size][/font]

[size=13]There are millions of codes in html. I will just list the ones I know. All of these codes are spread out, just squash it back in the for the real one.

[ b ] Bold – Bold
[ i ] Italics – Italics
[ u ] Underline – Underline
[ color=? ] Color – It changes the color of the text. The “?” mark refers to what color you would like. For example, [ color=blue ].
[ size=? ] Size – This is the size of your text. I’m using 13 at the moment, you can use whatever you like. Example: [ size=20 ]
[ center ] Center – This centers the text. It just puts the text in the middle, for a different view.
[ font=? ] Font – This is the font you’re using. I’m using Arial right now, you can use things like: [ font=verdana ] , [ font=Georgia ] . . . From what I’ve seen, the internet html processor configures only Arial, Arial Black, Comic Sans, Courier New, Georgia, Impact, Times New Roman, Trebuchet MS, Verdana. Basically, these are the limits to your fonts.
[ url=?] url/hyperlink – It hyperlinks a piece of text. It must be a web address. For example: [ url= www.venomsworld.smfforfree.com ]
< a href =“?” > Link – This is a different format of html, and it is more advanced. This is used to link this to images or web addresses. For example: < a href = venomsworld.smfforfree.com > The best Dota Forum! < /a >. “The best Dota Forum!” is what they’ll see, but when they click on the link, it redirects them to Venomsworld. This is called anchoring. < a >
[/size][/font]

[size=15]REMEMBER! ALWAYS END AN HTML CODE WITH A “/”. FOR EXAMPLE: [ color=blue ]I rock![ / color ]. And remember, all the coding I listed, you must squash it up so the codes are next to each other. Like , not like [ b ][/size]

<hr>

[size=17] Web development using HTML[/b][/size][/font]

[size=13]To view a whole lot more info check out <a href="

">JimmyR’s HTML and CSS Tutorial</a>[/font][/size]

[size=13]HTML Web Development is the most basic form web development. I think the Admin used Forumotion for Venomsworld, I am not sure. But basically, the Admin on this site used a visual html editor. What this means, he’s using another program or system to organize things on the site, while are going to learn to make a site from scratch. Remember, even html created the system to create website. Html does everything! Muahaha *Cough* sorry, back to the topic: Watch the video to get a full understanding.[/size][/font]
<hr>

[size=17]IMG HTML[/size][/font]

[size=13]The image tag is [ img ] [ /img ]. To show a picture, or upload one, you need to have a picture on a host. To find a host you can go to <a href="http://imageshack.us/ ">Imageshack</a> or <a href="http://photobucket.com/">Photobucket</a>. I recommend Imageshack. Using photobucket is better, but the pictures fade away easily if you aren’t active.

Imageshack – Sign up and activate your account. Go and upload an image. Go the image details and click on the forum link. Ctrl+C or right click and copy. Go to wherever you want to write this and copy and paste/Ctrl+V. Imageshack comes with a stupid Url tag, you can delete that as your wish. Just delete the [ url=“?” ] part.
Photobucket – Sign up and activate the account. Go and upload image(s). Just click the IMG part and copy+paste to your location. Simple and fast, but the disadvantage is that it disappears after a while…

[/font][/size]

[size=17]Practice[/size][/font]

[size=13]
You can start practicing by commenting here, and doing a code. I hope that you’ll learn something from this. Maybe, write a guide, tutorial, assignment, homework, develop your own site. Html is what made the computer, not the computer.[/size][/font]

[size=17]Conclusion[/size][/font]

[size=13]
So, this concludes my guide about html, which is full of html. This is my third attempt for a guide, and I’ll keep em’ coming. Thanks to everyone…

Special thanks to the ctrl+Z,C,V,X,S - Wikipedia, Youtube, JimmyR, Venomsworld and my brain. High recommendations to watch JimmyR’s video. [/size][/font]
[size=13]Made by Venom[/size].