So you've seen all the awesome things people create using HTML and you want to learn it yourself. It's pretty easy once you get the hang of it, but first you'll need to learn the Basic HTML Codes, once you've learned these basic codes, your ready to start on the more harder things. Knowing these codes is a must for anyone interested in web design.

"<br>" -This code is the most basic of basics. This code is used to put something under the object above it. For example:

Blah Blah Blah
"put the code '<br>' here"
And you can have this sentence appear below the "Blah Blah Blah".
The BR code works for anything, not only words, but images as well.

--------------
"<p>" -This code is to create a new paragraph or works as two BR codes put together. Example:

Blah Blah Blah
"put the '<p>' code here"

This sentence will then appear two lines under "Blah Blah Blah".

--------------
"<center> </center>" -This code is to make something appear in the center of the page. This tag needs to be closed with the closing tag, which is basically the tag with a "/" added to the front, like so: "</center>". See:
"put the '<center>' tag here"

See how this sentence is in the middle?
"closed the tag under the sentence or image with the '</center>' tag".

--------------
"<font color="COLOR"> </font>" -This code is used to change the color of your text and also needs to be closed using a closing tag. See below:

"open the code with the tag '<font color="COLOR">' and put the color you want where it says 'COLOR', I choose orange"
ORANGE is awesome!
"then close the tag with '</font>'"

--------------
"<font size="SIZE"> </font>" -Use this code to change the size of your text. Example:

"use the '<font size="SIZE">' tag and change 'SIZE' with a number. I think the highest you can go is 7, I'll choose 4"
See? The font got bigger! ;D
"be sure to close the tag with '</font>'"

---TEXT EFFECTS--
"<b> </b>" -This code will make your text bold. Make sure to close the tag.
"<i> </i>" -This will make your text italic. Once again, be sure to close the tag.
"<u> </u>" -This tag will underline your text. Make sure to close the tag.
"<s> </s>" -This will create a line through your text. Be sure to close the tag!

---MOVING TEXT--
"<marquee> </marquee>" -This will make your text scroll to the left.

---IMAGES--
"<img src="IMAGE URL HERE">" -Use this code to show an image.
"<img src="IMAGE URL HERE" border="?">" -This code will make a border around the image. Change the question mark (?) to a number from 1 to 3. I would recommend using the number one (1), because it's the smallest border and usually looks the best.

---LINKS--
"<a href="URL HERE"> </a>" -This create a basic link. Make sure to close the tag with "</a>"!
"<a href="URL HERE" target="_blank"> </a>" -This makes the link open up into a new window, sorta like a popup.
"<a href="URL HERE"><img src="IMAGE URL HERE"></a>" -Use this code to make an image linkable. Also, you can add the border code to the image tag even when it's linked. Or to make the annoying blue border that shows up when you link an image disappear, put the border tag into the image tag and set the border to zero (0).

Have any questions or found something wrong in this tutorial? Feel free to contact me at adminbecca@twistedrose.net!