[links]

Everyone has seen those pages that people make (usually when its their first page) that run on ans on and on and you have to scroll down forEVER to read everything. Not too fun or easy to navigate. SO what you do it make links that go to certain parts of your site. Makes things easier. Here I am gonna tell you how to make basic text links, image links and how to make links have special effects. Ready? Sure you are.

text links
a text link is easy. all you have to do is put this code in your html.

<a href="address to the page you want them to go to">the name of the page</a>

now if you want that page to open in a new window you add target="new" after the address to the page like this:

<a href="the address" target="new">the name</a>

image links
ever want your visitor to be able to click on a picture, or button and be able to get to a page you made or a part of your website? well that's where image links come in. do this code:

<a href="the address"><img src="the address of the picture"></a>

if you want that picture not to have an ugly purple or blue border around it (the computer automatically does that) then add border=0 after the address of the picture like this:

<a href="address to page"><img src="address to pic" border=0></a>

effects
wanna make your text links do some cooler stuff like flip backwards, change color, blur, etc? sure ya do. but to do so, you have to know a little bit about css. it's just a code you put before your

</head> tag. basically you just have to put this above that tag:
<STYLE type="text/css"> <!-- A:link{COLOR: FFFFFF; TEXT-DECORATION: none; font-weight: none} A:visited{COLOR: FFFFFF; TEXT-DECORATION: none; font-weight: none} A:active{COLOR: FFFFFF; TEXT-DECORATION: none; font-weight: none} A:hover{COLOR: FFFFFF; TEXT-DECORATION:none; font-weight: none } --> </STYLE>
what does all that shit mean? here are the abbrevations:
alink is the link that hasn't been clicked
avisited is a link that your visitor has already been to
aactive is an active link (the link you are at now)
ahover is what happens to the link when your mouse goes over it
see where the color: FFFFFF is? thats the color that that particular link will be. FFFFFF is a color code (in this case: white). you don't have to use a color code. you can write the name of the color you want with no caps and no spaces (for example: lightblue, pink, hotpink, darkgreen, lightyellow, black, grey, purple, violet, orchid, magenta). or go here for a list of color codes.
the text decoration is what the text will look like if say it is underlined, etc. if you use the code I have above it will make your links not have the typical underline. the font weight is if your text is bold or italic. to make it either of those, you replace 'none' with 'bold' or 'italic'.

want some cool effects? the backwards stuff etc? well to make things happen to your links when you hover over them then on this part of the code do one of these in your ahover section. just keep a space between the ;'s.:

1. border:1 solid; border-color:#000000;- Gives you a solid border around the links.
2. border:1 dashed; border-color:#000000;- Gives you a dashed border around the links.
3. border-bottom:1 dashed #000000;- Puts a dashed border on the bottom of links AND images.
4. border-bottom:1 solid #000000;- Puts a solid border on the bottom of links AND images.
5. text-decoration:underline;- Underlines your links.
6. text-decoration:underline overline;- Underlines AND overlines your links. 7. text-decoration:line-through;- Strikes out your links.
8. filter:Invert(strength=3); height:9px;- Inverts the links, making them the opposite color. Looks best with images.
9. filter:dropshadow(color=#000000,offX=1,offY=1); height:7pt;- Gives your links a shadow.
10. filter:shadow(color=#000000,offX=1,offY=1); height:0; Gives links a different, more blurred shadow.
11. filter:blur(add="0",direction="180",strength="2"); height:0;- Blurs the links.
12. filter:fliph; height:0;- Makes links appear backwards.
13. filter:flipv; height:0;- Turns links upsidedown.
14. filter: gray(); height:0- Turns links grey.
15. filter: invert(); height:0- Inverts links, making them opposite colors.
16. filter: mask; height:0- Makes links 100% transparent.
17. filter: wave(strength="1"); height:0 Links turn wavy.
18. height:0;color:000000; filter:wave(add=0,phase=4,freq=5,strength=2);- Makes links wavy.
19. filter:glow(color=000000, strength=5); height:0;- Makes text glow.
20. text-transform:uppercase;- Makes your links all capitals.
21. text-transform:capitalize;- Makes the first letter of the link a capital letter.
22. text-transform:lowercase;- Makes letters lowercase.
23. background-color:000000;- Gives your links a different background color.
24. font-size:7pt;- Changes your font size.
25. font-weight:bold;- Makes links bold.
26. position:relative; left:1px; top:1px;- Moves links 1px from the left and top.
You can use more than one, just keep the semi-colons in so they're separated. Also, feel free to play around with the numbers.

normal link colors
wanna just have normal links that do nothing fancy, and wanna choose your own colors for them and the background color and the text color? so this after your

</head> code. <br><body bgcolor="color" text="color" link="color" alink="color" vlink="color">