Learn HTML

Learn HTML
Updated: 9-13-98

This is a page that will show you how you can make your own homepage! This is important, I do not know how to download stuff so please do not ask me about that. I don't know how.

I finally learned how! Whoohoo! You must be wondering what I'm talking about. Well, I've finally learned how to put my links non-underlined. You want to learn how to? It's easy, just go here to learn how to!

You can change the color of the background, text, and links on your home page. When your editing a file ( it'll look like this if your on advanced editor ) , you can see this on the top

<body bgcolor="#xxxxxx" text="#xxxxxx" link="#xxxxxx" vlink="#xxxxxx">

Instead of the "x"'s, there would be a number. You can erase those numbers and put in a color instead if you want. For example, if you wanted the background color to be red, the text to be white, the link color to be green, and the visited link color to be black, you would put in,

<body bgcolor="red" text="white" link="green" vlink="black">

That's all you have to put. You could use numbers though to have more of a selection. You can go here to get the color codes to make your page more unique ( in color ). Put those numbers in place of the x's.

To make a font bold just put in

<b> and to end it, put </b> and it'll look like this

This is bold

So, you want to change the font of your homepage? How to do it, how to do it! It's easy! I'll help cha! There are all different kinds of fonts, too many to put on this page. Go here to see some fonts!

Now, if you want to change your font you just have to put in <font face="whatever font here"> and if you want to end it just put in </font face="whatever font here"> for example if you want a "Lapidary333 BT" font, put in

<font face="Lapidary333 BT"> and to end it, put in </font face="Lapidary333 BT">

It's look like this:

Lapidary333 BT

If the font doesn't show, that means you don't have it downloaded in your computer.

If you want to change the width of the line above this, just put in <hr width=whatever%> For example, if you put in <hr width=60%> it'll look like this

Try differen't width's to see wich one you like!

If you want thing to go side by side just type in

<table><tr><td>whatever you want over here.</td>
<td>More words over here<table><tr><td>

For example if you want a picture and some words beside it you can put:

<table><tr><td><img src=http://www.geocities.com/SouthBeach/Boardwalk/1292/wakgrin.gif></td>
<td>This is Wacko! Isn't he the cutest. I love him! He's so cute and funny. He talks weird but that's what makes him even cuter!</table></tr></td>

If you do that it's come out looking like this

This is Wacko! Isn't he the cutest. I love him! He's so cute and funny. He talks weird but that's what makes him even cuter!

</td> just mean where you want one thing to end and <td> means where you want it to start. I have no idea what <table> and <tr> means but I do know that you have to put it there to make it come out right. =)

<hr> means horizontel line. If you type that in it will show the line above.

If you want things on another line but even though you keep pressing enter it just won't go on another line! Well, that's because you aren't putting a code. Put in <br>. It means "break".

If you want to make a new paragraph put in <p>.

Now, say you want to make a link but you don't know how. ( duh! That's why your here! ) Just put in
<a href="the URL you want the link to take you to">Name of the Page</a>

Here's an example... if you want to link to
https://www.angelfire.com/ca/spicychick/index.html you put...
<a href="https://www.angelfire.com/ca/spicychick/index.html">gUrLwUnDr'S wOnDeR pAgE</a>

It would look like this: gUrLwUnDr'S wOnDeR pAgE

Remember to put the quotation ( " ) marks around the address. You don't have to all the time but sometimes some links don't work if you don't.

It's picture time! If you want a pic to show up just put in

<img src="the address of the img">

for example if you want the picture http://members.aol.com/Obsiddia/ConstruC.gif to show you would put in

<img src="http://members.aol.com/Obsiddia/ConstruC.gif">

If you typed it right it would look like this:

Remember, you can only do this if you have permission to link to the picture. Some people won't let you link to the picture that they made.

To use the image as a link you put

<a href="the URL of the link"><img src="The URL of the img"></a>

for example you could put

<a href="https://www.angelfire.com/ca/spicychick/index.html"><img src="http://members.aol.com/Obsiddia/ConstruC.gif"></a>

If you typed it right it would look like this

If you dont want a border around your picture you could put

<img src=http://members.aol.com/Obsiddia/ConstruC.gif border=0>

It would look like this

If you want to change the height and the width of the pic just put in

<img src=http://www.alizanet.com/uri/spice/pic/all5.jpg height=300> or <img src=http://www.alizanet.com/uri/spice/pic/all5.jpg width=90>

You can put width and height together if you want to. If you did it right it would look like this ( height is the first pic and the second is width ). It won't change the number of disk space you use if you're making a homepage.

or

Here's a secret ( well, not no more ) you can get the URL for pics by right clicking the mouse button, go down to properties, and then it will show you "Address ( URL )" and that's what you put in the address place. But, only do this if that person doesn't mind if you link it to them. Some people don't want you linking it, so make sure that they don't mind.

If you want to be able to link to the e-mail put

<a href="mailto:Your e-mail addy">A description, like, e-mail me here</a>

for example, lets use my e-mail addy ...

<a href="mailto:pinay619@angelfire.com">pinay619@angelfire.com</a>

If you did it right it would look like this

pinay619@angelfire.com

to change the size of your heading ( the name on the very top of the page ) you could put

<h1> for

Heading One

to end the heading put </h1>

<h2> for

Heading 2

and </h2> to end it

<h3> for

Heading 3

and to end it put <h3>

<h4> for

Heading 4

and <h4>

<h5> for

Heading 5
and <h5>

for italic put in <i>duce double oh quad baby!</i> If you did it right it would show up like this

duce double oh quad baby!

To change the color of the font just put in

<font color="color you want">the words you want to be that color</font color="the color you wrote">

for example if you want black put in

<font color="black">Bell Trojans!!! Class of duce double oh quad! *2004*</font color="black">

If you did it right it would look like this

Bell Trojans!!! Class of duce double oh quad! *2004*

To center something you just put

<center>Write whatever you want centered</center>

For example you could write

<center>Westside and Pinay pride to the fullest! Yep yep...Kali-4-nia!</center>

If you did it right it would look like this

Westside and Pinay pride to the fullest! Yep yep...Kali-4-nia!

Also, if you want to change the font size just put in different font sizes, like this:

<font size=5> would look like this

Font size 5 and to end it just put </font size=5>

<font size=4> would look like

font size 4 and put </font size=4> to end it.

<font size=3> would look like

font size 3 and to end it put </font size=3>

<font size=2> would look like

font size 2 and </font size=2> to end it.

<font size=1> would look like

font size 1 and put </font size=1> to end it.

I hope you understood this! You can get homepages at Angelfire, Tripod, Geocities and Xoom. Or, you can get e-mails at Juno, Yahoo!, gURLmAIL, Hotmail or Rocketmail. Also, you can get webcounters at Web Counters
. You can get guestbooks at LPage.

Email: pinay619@angelfire.com