This page illustrates four types of links discussed in class, described in the table below, including the local or relative link, global or absolute link, email link, and anchor link.
The anchor link goes to an ID somewhere on the page. The anchor link at the top goes to the arrow at the bottom, which in turn links to the banner at the top of the page.
If you add target="_blank" to the anchor tag, the link will open in a new tab so that readers do not lose your site.
User feedback in the form of darker color was added to the links using the :hover pseudoclass, so that readers know when they are in the proper location to click.
| Types of Links | ||
|---|---|---|
| Link | Definition | Format |
| Local or Relative Link | Link on your server | a href="filename.html" |
| Global or Absolute Link | Link to another site | a href="http://www.unlv.edu" |
| Email link | Link to send email | a href="mailto:info@unlv.edu" |
| Anchor Link | Link to an ID on the page | a href="#top-of-page" |
| Add target="_blank" to open the link in new tab. | ||