alisha-mcfarland-website-mentoring-html-for-text-hyperlinks

HTML for Text Hyperlinks

When you would like someone to see something you are referring to on your website or blog, you’ll need to add a hyperlink. This link can take them to somewhere else on your website or to another website.

Text hyperlinks are defined as anchors and references in HTML. An anchor is the hyperlinked text and a reference is where you are taken when you click on the hyperlink.

Text and graphics can serve as anchors. References can be within an HTML document or to another document.

Examples of HTML for Text Hyperlinks

A hyperlink is made up of these parts: an anchor tag, a reference and the text that appears and is hyperlinked. For example:

Follow Us on <a href=”https://www.instagram.com”>Instagram</a>

This creates a hyperlink for the word Instagram that goes to https://www.instagram.com.

To create a link that opens in a new window, add a target in the anchor tag:

Follow Us on <a href=”https://www.instagram.com target=”_blank”>Instagram</a>

Style of Text Hyperlinks

When you move the mouse over a link, two things will normally happen:

  • The mouse arrow will turn into a little hand
  • The color of the link element will change

By default, a link will appear like this (in all browsers):

  • An unvisited link is underlined and blue
  • A visited link is underlined and purple
  • An active link is underlined and red

You can change the default colors, by changing the settings for a:link, a:visited, a:hover and a:active in the HTML or CSS files.


Did this article help you? Subscribe and Share!

If you liked this, you may like ...