As I was sorting out my folders & files in my computer, I came across to this long-forgotten file. It's my simple HTML guide page which I previously put up in my "abandoned" website. Well, since I've found it again... I've decided to put it up here. Just as a reference for those HTML newbies who want to create a webpage 
.
Changing Font
<font face="your font" size="your size #" color="#your color number">your text goes here</font>
Creating Link
<a href="http://address you want text to link to">Text Goes Here</a>
Changing Link Color
Change your <body> tag to this:
<body bgcolor="#000000" text="#000000" link="#000000" vlink="#000000" alink="#000000">
Changing Link Color with CSS
<style type="text/css">
A:link { text-decoration: none; color:#YourColor; }
A:visited { text-decoration: none; color:#YourColor; }
A:hover { text-decoration: none; color:#YourColor; }
</style>
Changing Color of individual Link
<A href="address you want to link to.html" style="color: #000000"> click here </A>
Add "alt" tag to Links
(Adds a description to your link when you mouse over (hover) your link.)
<a href="http://your url" title="your description">your link text here</a>
Changing Cursor Attributes
<a href="http://address.html" style="cursor:wait">your link text</a>
Here's a variation of cursor:
wait
crosshair
hand
help
text
move
n-resize points north
s-resize points south
e-resize points east
w-resize points west
ne-resize points north east
nw-resize points north west
se-resize points south east
sw-resize points south west
Creating Form button Link
<form method="get" action="http://address you want to link to"><input type="submit" value="click here"></form>
Creating Form button Link with Color
<FORM METHOD="get" ACTION="http://address you want to link to"><INPUT TITLE="submit" TYPE="submit" STYLE="background:#9966cc" VALUE="click here"></FORM>
Adding Image to your page
<img src="your filename.gif (or .jpg)" width="yourwidth" height="yourheight" alt="my image name">
To center your image, use this:
<div align="center"><img src="your filename.gif (or .jpg)" width="yourwidth" height="yourheight" alt="my image name"></div>
You can change the align to "left, right, or center" of your choice.
Adding spaces between Images
You can actually add horizontal or vertical space between your 2 images.
<img src="cat.gif" hspace="15">
For horizontal, use hspace and vspace for vertical.
Creating hyperlink Images
<a href="address you want image to click to"><img src="your filename.gif(or jpg)" border="0" width="000" height="000" alt="pick a name"></a>
Adding a <border="0"> tag would removes the border around the image.
Creating Email Link
<a href="mailto:your address">your name</a>
Creating Email Link with an Image
<a href="mailto:your address"><img src="your filename.gif" width="000" height="000" alt="E-Mail" border="0"></a>
Creating Page Anchors
This is a really nice code for long pages, as it directs you to another part of your page.
Paste this at where you want your link to show:
<a href="#codeword">any word here</a>
Paste this at the part of your page, where you want the link to go to:
<a name="codeword"></a>
Adding Music to your page
There's a few method, which you can use to add music to your page.
Here is one easy method to use:
<embed src="yourwavname.wav" autostart="true" hidden="true">
use this to if you want your music to loop
<embed src="yourwavname.wav" autostart="true" hidden="true" loop="true">
Adding Downloads to your page
This code enables you add a download link, but of course, for this to work, you need to upload your file to your server.
<a href="your file name.whatever"> download </a>
Redirecting your page
Put this code between your <head> & </head> tag
<meta http-equiv="refresh" content="0; url=your new address.html">
The content value would decide how long to take to redirect your page, and it is measured in seconds; 0 = immediate redirecting.
Showing examples of HTML codes on your page
This is very useful at times, when your are using notepad or some HTML editor.
Just type < for the symbol < and > for the symbol >
A Theme ©reated by Ice