Just a quick venture into HTML for beginnings - or review for advanced users. You will learn the basic skills of HTML to get you by and learning onto more HTML. Maybe one day PHP?

Lets start off the easy basics. Like, making a sentence or word bold with a simple bold code. We can create bold fonts! You will notice that all HTML codes consist of tags. ( < > ) Everything you do in HTML, will and has to have brackets. This is what protrays its command. What about those codes simular to the bold code? Yes, we are just about to get to those!

HTML Basics

<b>Bold</b> <i>Italics</i> <u>Underlined</u> <br> - Line break <p> - New Paragraph

Now that you have learned the five basic HTML codes, lets move onto making the fonts more spiffy.
To make your font bigger, or smaller than it's usually size, use:

Font Code

<font size=#>Text here</font>

Size 1 text
Size 2 text
Size 3 text
Size 4 text
Size 5 text
Size 6 text
Size 7 text

Inserting images and links are quite easy, but can be easily forgotten! Try assosiating the code to something; for example - img src, stands for image source, so just think image source. As for a href, it reminds me of "a link".

URL

<a href="URLHERE">Link Name</a>

URLHERE would be; http://www.sharpermyspace.com - or something similar to that context. There is different types of linking. If you were linking outside your site, you would includge the http://www.com part. Whilst, if you were not linking out of your site, you would just have to do folder/filename.html.

Linking

For example: <img src="links/1.gif"> - on Sharper Myspace. <img src="http://www.sharpermyspace.com/links/1.gif"> - Outside your site.

Do you think this is neat? A lot of sites do this in spotlights, and especially in guilds when council members have an avatar beside their speeches. This code is quite popular, but even I sometimes forget it. You can make it wrap around any side. If you want it to the left, it can be to the left. I'm just blabering on so I may demonstrate how it wraps around the image.

Do you think this is neat? A lot of sites do this in spotlights, and especially in guilds when council members have an avatar beside their speeches. This code is quite popular, but even I sometimes forget it. You can make it wrap around any side. If you want it to the left, it can be to the left. I'm just blabering on so I may demonstrate how it wraps around the image.

Picture Align

<img src="IMAGEURLHERE" align=left>

Want to make an image link? Below is a basic code to help you do that:

Linked Image

<a href=""><img src=""></a>

You know what I hate? Image links with those horrible purple borders around them! So, I am here to teaach you newbies how to fix that. Always use it, it really makes it look better. I don't know about you, I prefer the second one, a lot. Notice the code after this message. It has a "0". That makes no border. If you wanted that horrible border, just change it to 1+

No Border Linked Images

<a href=""><img src="" border="0"></a>

Do you want a border around an image, when its not a link? Same rules apply as above! Except without the links code. This is used when images don't have borders, and you'd like to seperate it from the background, etc.

Bordered Images

<img src="" border="1">

Making a link

Making a picture show up

New paragraph

New line

Bold

Thumbnail Image

Text around images

Redirecting

Getting html to show up

Textarea