Basic HTML Help

Welcome to my basic HTML help page. I had help from epals and friends when I started my page, and now that I'm up and running I'd like to help other people. HTML stands for HyperText Markup Language, the language of the web. Below is a list of page jumps, just click on the information you would like to know more about, and it will take you there. Feel free to email me with questions or comments,I welcome feedback as to how I can improve this page.


[Getting a Webpage] [The Three Most Important Codes] [Link Codes] [Image Code] [Marquees] [Lines] [Music]
Getting a Webpage

So, now that you've dicided you want a webpage, you need to sign up for a free homepage. I highly reccomend Geocities they provide excellent tools and utilites to build your webpage with. HTML codes, belive it or not, are in English, so they are not as hard to understand as some people think. I will try and explain the codes as you read them.
Back to top of page


The Three Most Important Codes

Title
First of all, you'll want a title for your page. The title is the writing at the top of your browser. For instance, it now says, 'Basic HTML Help'. The code for this is:

<title> Your Title </title> the foward slash at the end of the code tells the computer to end the code.

Body Code
The second code is the body code. This code decides what background your page will have, if it has margins, and what color the links will be. If you have a dark background, I recommend that you also have a background colour, so that before the background loads people can read the writing.
Here is a basic body code:
<body bgcolor="yourcolor" background="yourbackground" link="linkcolor" alink="activelinkcolor" vlink="visitedlinkcolor" leftmargin="100" rightmargin="0"> Bgcolor is short for background color, for instance, you might type 'black'.
Background is the background you want for your page, this page's background is 'cream.jpg'.
Link is the color for a page that the person viewing your page hasn't visited, alink is the color of an active link (a link that someone has clicked on but the page hasn't opened yet), and vlink is a visited link, a page the person viewing your page has visited.
The left margin and right margin codes aren't always nessasary, they are only needed if you have a border background. My main page has a border background. Depending on the size of the border, you can change the number.

Font Code
This code decides what font (writing) you will have, what colour and what size it will be.
Here is a basic font code:
<font face="yourfont" size="yoursize" color="yourcolor"> The font code for this writing is: <font face="System" size="4" color="#FF6347"> I use colour codes, so that old browsers can read them, new browsers can read English, though, so I could write 'orange' instead of '#FF8C00'. The hash at the start of the code also helps old browsers. For a list of color codes, visit my sister's color code page
here. To find a good font to use, just go into Micrsoft Word or similar, pick out your favourite font and write it in. Simple! To change your font on the same page, simply write </font> and do the font code again where you want it.
Back to top of page

Link Codes

You'll want to know how to make links, so that you can make other pages for people to visit.
A basic link code is:

<a href="http://www.whatever.com">Click Here</a> Just put in the address of the link in the http:// bit, and your link is done!
You may want people to email you, too, the email code is this:
<a href="mailto:youremail">Email me</a>
Back to top of page

Image Code

The code for images (pictures) is this:

<img src="yourimage.gif"> Img stands for image, and src stands for source. If you want to be fancy, you can add an alt or a border to your image, like this:
Hotter than hot!
Put the mouse over this picture, and it will say, 'Hotter than hot!', see? This image is without a border or an alt at the top of the page. The code for an alt and/or border is:
<img src="yourimage.gif" border="3" alt="Whatever you want to say"> ALT stand's for alternate text. Depending on the size of the border you want, change the number. You can also make a picture a link; instead of writing, 'click here' or whatever, simply write the picture code there. Unless you want a border around your link, write in the code, 'border="0"'.
Back to top of page

Marquees

This is a marquee

How to do one:

<marquee> What you want marqueed </marquee>

Once, again, the forward slash tells the computer to end the code.

This is an alternating marquee

How to do one:

<marquee behavior="alternate"> What you want alternate marqueed </marquee> Make sure that you always end the marquee, otherwise the whole page will marquee off the screen!
Back to top of page

Lines

Notice that I have used lines to divide the different sections of this page, this is the code for a line:

<hr> You can't get much simpler than that! You can also change the color of your line by using this code: <hr color="yourcolor"> So, if I wanted a green line I would type this: <hr color="006400"> This is what the line would look like:
You can also change the length and/or height of your line,by using this code:
<hr color="yourcolor" size="yoursize" width="yourwidth"> Size is in numbers, width is in percent. So, if I wanted a fat black line that went only halfway across the page, I would type this: <hr color="000000" size="6" width="50%"> And this it what it looks like:

Back to top of page

Music

Here is the code for music files. Old (and new) Microsoft Internet Explorers will read this.

<bgsound src="filename" loop="infinite"> Netscape won't read this code, so it's best to put this code on aswell as the preceding one. <EMBED SRC="filename" AUTOSTART=FALSE LOOP=FALSE WIDTH=145 HEIGHT=55 ALIGN="CENTER"></EMBED> Newer Internet Explorers read this embedded code too.

Back to top of page