HTML Basics

Tutorial

Click on thumbnailed images to enlarge

This one just tells about how to do simple, (and fun!) things to spice up your Myspace, Xanga, or whatever! Okay...so...
[size=3]Hearts and what-not[/size]
Now, a lot of people just wanna make a heart like this: �� And you know what?! Its super easy!

&hearts;

makes this: ♥

&spades;

makes this: ♠

&clubs;

makes this: ♣
And

&diams;

makes this: ♦

You got hearts! (Or spades or clubs or diamonds :P)

~

[size=3]Soo.....you want an image?[/size]
A lot of people do! Its not too hard either! Just follow these steps:
1.) Go to [url=http://imageshack.us]ImageShack.us[/url] or [url=http://tinypic.com/]TinyPic.com[/url] (Personally, I like TinyPic because it has a small image link, and if you close the page and then open it back up again, your image and the link to it will be there until you log off or upload a different image).
2.) Click on the little button that says browse, find the file you want on your myspace/website, and upload/host it.
3.) When its uploaded, they will give you a link.
[list]
[*]For ImageShack, the link will be before the text that says Direct link to image
[/list]
[list]
[*]For TinyPic, the link will be after the text that says Link.
[/list]
4.) Copy that link
5.) Use the following code:

6.) Paste it wherever you want the image to go!

EXAMPLE:
I want a picture of this graphic I made using Photoshop so I can show it off to all my friends. Let's say that I want to use this image:
User posted image

So my code would look like this:

You can always replace the "Image I wanna Show Off" text with something else like, "My Dog Scruffy"

~

[size=3]Skip a line baby YEAH![/size]

So, you want to make a break in your lines? No problem! Let me guess, you want to turn this:
Hi, my name is Sierra. I like making layouts. Like my site?
Into this:
Hi, my name is Sierra.
I like making layouts.
Like my site?

Well, its super easy! Just put this code wherever you wanna break!:

For example, to make something like the above, just do this:
Hi, my name is Sierra. 
I like making layouts. 
Like my site? 

Would look like this:
Hi, my name is Sierra.
I like making layouts.
Like my site?

Awesomeness. On to the next topic...

~

[size=3]Centering Text[/size]

[center]So, you want your text in the center like this?[/center]
Well, like all the others, its pretty easy!
Just use this code:

<center>Your Text/Images</center>

You can also use the following code:

<div align="center">Your Text/Images</div>

~

[size=3]Bold, Italic, Underlined, and ~~Striked-through~~ text...[/size]

To make your text bold,
Try

Your bold text

To make your text italicized,
Try

Your Italicized Text

To make your text underlined,
Try

Your underlined text

To make your text ~~striked-through~~,
Try

<s>Your strike-through text</s>

~

[size=3]Scrolling Text/Pictures[/size]

I know a lot of you want to make scrolling text and pictures, so I'm gonna tell you how!!!

Use a marquee! (code that scrolls text/images)

<marquee>Your scrolling text/pictures here</marquee>

I hope that kicks you off to an awesome blog or website!!