This is a small HTML tutorial for people who use my layouts or for those who are just plain interested. I won't go as far as styling tags or tables (which I suck at) but just enough. Enough chit-chat, let's begin.
Now, when you're modifying your homepage or writing text in a quiz or story memo, simply pressing enter won't cut it. To make spaces, you need to use one of the following:
Some people use < p > tags to create a paragraph. I'm not too familiar with these, but it would work like this.
< p >
Hi there.
< p >
My name is Madison.
Which results into:
Hi there.
My name is Madison.
The way I usually do it is with < br > tags which work exactly the same.
Hi there.
My name is Madison.
Has no ending tag, which is < /br >.
Hi there.
My name is Madison.
This does.
Generally, the < p > is to create paragraph breaks and the < br > is line breaks.
Clicky!
The next part is something most people are familiar with. Let's start off with bold.
The bold tags are < b > and < /b >. You place the text inbetween the two tags.
< b >Hi there.< /b >
Unfortunately, you can't see the boldness in this layout. However, look at my memo and you'll see bolded text there.
Next up, is italics!
This goes by the same rule as bolding. The tags are < i > and < /i >.
< i >Hi there.< /i >
becomes...
Hi there.
The same thing applies to strikethrough and underline.
< s >Isn't this simple?< /s >
< u >I think it is.< /u >
An easy rule to remember is this: strikethrough is "s", underline is "u", italics is "i" and bold is "b".
Clicky!
It's quite simple. You use this formation:
< marquee >Don't forget to delete the spaces! Just like every other tag :]< /marquee >
Simple.
< marquee bgcolor=COLORHERE >bgcolor means background color< /marquee>
< marquee direction=DIRECTIONHEREKTHX >Text < /marquee >
The directions are left, right, up and down.
Clicky!
Now, for some font variations!
The code isn't very hard, it's just getting the right font and color that might be difficult.
< font color="COLORHEREYO" > Text.
That's the code for the color.
< font family="FONTTYPEHERE" >Text...AGAIN!
That's the code for the font type.
Colors come in codes called hex codes. I'm not going to go through them all, just go this place.
Here's an example.
Hi there!
The code for that is < font color="#FF0000" family="verdana" > Hi there!
Without the spaces, of course.
Oh, and we can't forget font sizes!
< font size="SIZE" > Hi!
This is size 9!
Clicky!
Now we get to linking and graphics. This is a tad bit harder.
To insert a graphic into a page, you use this code:
< img src="URL OF GRAPHIC" >
You replace the URL OF GRAPHIC with the actual URL. Then you'll have a nice picture. If you're not sure what the URL is, right-click the image, select "properties" and look for the http:// thing.
When making a link, you can either make the new website pop up in the same window, or in a new one.
To make the new website pop up in the same window from which it was linked, use this code:
< a href="http://URLOFWEBSITE/" >Linking text< /a >.
Never forget the < /a > (without spaces) at the end. It will screw up whatever you're writing and make you cry.
DON'T FORGET TO REMOVE SPACES!!
To make the link open in a new window, use this code:
< a href="http://URLOFWEBSITE/" target="blank_">Linking text.< /a >
This opens in a new window!
Now let's combine the two!
That was a linking graphic. It opens in a new page.
< a href="WEBSITELINK" target="blank_" >< img src="URLOFIMAGE" >
That's the code for a linking graphic which opens in a new window.
Clicky!
There is so, SO much more you can do with HTML and coding, and CSS, which styles information. I'm not going to write any more, but I'll give you some trivia:
HTML stands for Hyper Text Markup Language.
CSS stands for Cascading Style Sheets.
I HOPE I HELPED YOU OUT!
Clicky!
I hope you learned a lot =]
