Links
Links usually display in color and are underlined by the browser. Why? Tthe browser underlines whatever falls between the pair of link "anchor" tags.
Links should be easy to find, not buried in a lot of text. Put links in a list if you have more than a couple on the same topic.
Anatomy of an Anchor/Link
<a href ="http://www.dcccd.edu" > Dallas County Community College District</a>
anchor hypertext reference the name of the URL location-where the link is going to ending anchor
Displays as: Dallas County Community College District
Absolute Links
- Used for webpages that are not located on the same server - not part of your website
- Address contains the complete directory path
- Ex: <a href="http://dallasnews.com">Dallas Morning News</a>
- Displays as: Dallas Morning News
Relative Links
- Located on the same server, usually in the same directory - part of your website
- Doesn't need to contain the server name
- Relative links are easier to move as a group of webpages since the relative path names will still be valid
- Ex: <a href="index.htm">Return to the Home Page</a>
- Displays as: Return to the Home Page
Internal Links
- Links to a section within a web page
- Often used to link a table of contents at the top of the page to each section of the same web page
- Requires a pair of links:
link tag (starting spot): <a href="#name of destination">Start Here</a>
anchor tag (ending spot): <a name="name of destination">End Up Here</a>
- Ex: Use your <a href="#number">PIN</a> as the password.
Displays as: Use your PIN as the password.
continue with more text...and then further down your page...
Your <em><a name="number">PIN</a></em> number is a combination of the month and year of your birth.
Displays as: Your PIN number is a combination month and year of you're birth.
Mail to Links
- Mail-to links allow your users to contact you via email. Some companies block this feature to discourage anonymous email.
- Ex: <a href="mailto:president@whitehouse.gov">President</a>
- Best option: Use "mailto" along with a FORM (textarea type of form).
Coloring Your Links
- link - your color for unvisited links. Default is blue.
- vlink - your color for visited links. Default is magenta.
- alink - active link color that flashes as you click on a link. Default is red.
Ex: <body link="#993399" alink="#660099" vlink="#663399">
Ex: <body bgcolor="#808080" text="#000000" link="#000080" alink="#008080"
vlink="#FF00FF">
Return to the Top
|