|
|
Hyperlinks
|
Hyperlinks are images or underlined text that when you click on them they take you to another part of the page or another website. The tags for a hyperlink are <a> and </a>. The HTML code looks like this:
<a href="www.yahoo.com">Yahoo</a>
When you look at it in a browser, it looks like this:
Yahoo
Remember to never take out the quotation marks in the example when you put it on your page! Making an email hyperlink is really similar to making a regular hyperlink. When you click on an email hyperlink, the visitor's browser loads a pre-addressed email form which the visitor can use to send an email message to the email address specified. The HTML code looks like this:
<a href="mailto:[email protected]">Email Me</a>
When you look at it in a browser, it looks like this:
Email Me
Most people don't like the bright blue color that their browser chooses to make the link. To change the hyperlink color, add two different attributes to the body tag:
<body link="COLOR" vlink="COLOR">
In the example, "link" means a hyperlink that hasn't been visited yet, and "vlink" means a hyperlink that the visitor has already clicked on. Just put two different colors where it says "COLOR" (or the same, but if you don't put both "link" and "vlink", the browser will turn the hyperlink purple after you click on it) and you've got colored hyperlinks for the whole page!
If you would like to use a graphic instead of text for a hyperlink, visit my "Images" section. Here is what your webpage would look like with hyperlinks and an email hyperlink. Remember to right click the page (or ctrl+click for Mac) and click "view source" to see the HTML!
Example Webpage
|
|
|
|
