5 important things that matters when presenting a link (hyperlink)

A link is a connector that allows you to jump to a new page, blog, text, etc. It provide a simple means of navigating on the web.

A link is like a web signboard, so it's important to note these 5 things to enhance your link presentation.

There are two types of links;

(1) Relative links

(2) Absolute links

A relative link is a link that points you to things within the current website.

An Absolute link is an external link that leads you to another website from the current website.

5 things to note;

1). The anchor (a) tag is the html element that uses hypertext reference (href) attribute to connect a text, image or a file to it's web source.

Example;

Link on text.

<a href="chelotchief.com"> Visit our website</a>

Link on image.

<a href="chelotchief.com"> <img src="./mediapage.jpg" alt="page photo" /> </a>

2). When referencing an absolute link from your webpage, it is recommended to add a target attribute with a value of _blank to open the link on a new tab in your web browser. Example;

<a href= "https: instagram.com/mediapage" target="_blank" /> Check our Instagram page </a>

3). Add a color indicator to a visited link with CSS pseudo-code.

a:visited { color: brown; }

4). Add a color indicator when a mouse pointer hover over the link.

a:hover { color: red; }

5). Add a color indicator to show your link is active.

a:active { color: yellow; }

These techniques will ensure your links are visible and accessible.

Thank you.