Site hosted by Angelfire.com: Build your free website today!
Welcome to my HTML tutorial page!!!
Uploading Hard Drive Please Wait...

Test your Response time!

Click on "Start" first, and wait until the background color changes. As soon as it changes, hit "stop!"

Html's are easy to understand. The main thing to remember is that a code starts between these < ____>* and ends between these < /_____> with the same command as in the begining.

Now your html needs to have a < head> section were you add the parts for your title and etc. along with a < body> section were you add everything that you want your vistitors to see.

In your < head> section you can use the < title> command to add a title that will be displayed at the top of the window. For example in my html I used < title> Welcome to my page! < /title> followed by a dhtml code for the clock which I will explain more about further on.

In your < body> section you can add in text pictures games etc. heres a short list of commonly used commands

  1. for adding text in paragraphs its < p> < /p>
  2. for centering its < center> < /center>(you don't need to close the command if you want the all of your page from the starting point centered)
  3. for adding a a vertical line space its < br>
  4. for adding a tiled background its < body background="the url to your image">
  5. for adding a fixed backgournd its < body background="the url to your image"bgproperties"fixed">
  6. for adding a link to a site its < a href=the url of your link>the name you want to show for your link< /a>
  7. for an e-mail link its < a href=mailto:youre-mail@home.com>the name for your e-mail link< /a>
  8. for inserting a picture use < image src="the url of your image" border=0>
  9. for adding music to your background its < bg sound src="the url of your song" loop=true> (if you don't want your song to continuously loop change true to either false or the amount of times you want it to loop)

Now let me explain a bit about dhtml codes. First of all it stands for dynamic hyper text markup language, the real difference between dhtml and just html is that html is the basics that just make the site run and dhtmls are for extra complex fetures in your site like clocks, games, etc. Dhtmls are really complex to make and luckly you don't really need to worry about making them because you can find a lot of them on the internet on pages like Dynamic Drive all thats you really need to make them run is basic understanding of html coding.

For setting up your background there are two ways to choose from either you can use a single colour background or an image. I didn't note earlier but to use a single colour backgroud the code is < bg color="the colour you want for your background"> you can either type in the name of the colour or you can use the Hexadicimal code. A good site for Hex code is Webmonkey's colour code chart. I like the HEX codes better because they give you a larger choice of colours.

Oh ya the whole uploading your hard drive thing is just a little html joke using a time-based progress bar and an iframe code. If you want to do something like this you can find the time-based progress bar here and the iframe's code is < iframe src="the url of the page you want displayed" width="600" height="200" align="center" name="#boogiejack">. And a dead give away is the speed since when can a hard drive be uploaded in 5 seconds?

If you have any comments or suggestions for me please e-mail me at da_mazta@hotmail.com.

* the space added after each < in every command is to make sure it is displayed as text