| Linking with Anchors |  |
| Linking with Anchors | |
| Link to a page on this site | <a href ="index.html">Link to page on this site</a> |
| Link to a page on the Internet |
<a href ="htpp://jacknilan.com">Link to a page on the Internet</a> |
You can use an image as a link. This button is an anchor |
<a href ="htpp://microsoft.com"> <img src = "buttonnext.gif" border = 0></a> |
|
Anchors without underlines |
<head>
<style>
A {text-decoration:none}
</style>
</head>
|
|
Opening a document in a new window Visit W3Schools! |
<a href="http://www.w3schools.com/" target="_blank">Visit W3Schools!</a> |
|
Jumping to a place with a document
First mark the space you want to jump to like this : Then you can set a link to this place on your page like this : |
<a name="tips">Useful Tips Section</a> <a href="#tips">Jump to the Useful Tips Section</a> |
| You can set colors for your links for your whole page by placing the following Style code in the Head of your program. You can set font-size and other font styles here also. |
<html>
<head>
<style>
a {font-size : 10pt}
A:link { color: #425577; text-decoration: none; }
A:visited { color: #425577; text-decoration: none; }
A:active { color: #Cfa963; }
A:hover { color: #Cfa963; text-decoration:underline; }
</style>
</head>
|