Links and Anchors

To create more than just a single standalone page you'll need to include links to other pages. These might take the form of links embedded in the text of the page, or menus to allow visitors to easily navigate to other pages within your site.

Anchors

Links in HTML are created using the anchor element, which is opened with the <a> tag, and closed with </a>:

<a href="link destination">Link text</a>

This creates a link to the web page or document specified by "link destination". The link will appear on the web page as the text "Link text". This text will be in blue and underlined to show that it's clickable.

Opening Links in a New Window

By default, a link opens in the same browser window as the source page was displayed in. If your site includes links to external sites, this may not be the behavior that you want, since it means that your visitor is navigating away from your site.

An alternative is to have the destination open in a new window, which means that the existing window showing your site remains open. You can do this by setting the target attribute of the anchor element to "_blank":

<a href="link destination" target="_blank">Link text</a>

Using Images for Links

Instead of plain text, you might want to use an image as a link. You can do this by embedding an image element inside an anchor:

<a href="link destination" target="_blank">
  <img src="/Images/LinkImage.jpg" alt="Alternate text">
</a>

The image will have a blue border to indicate that it's clickable.

<-- Previous Page

Absolute and Relative Paths

Next Page -->

Bookmarks