What is a hyperlink lement?

A hyperlink is an element that u can click on like a text sometimes an image or button to direct or navigate users to another HTML documents or webpages.

Which element do we use for a hyperlink?

When we want to create a hyperlink we use this element <a></a> also called an anchor element.
We then use this important attribute href="another-page.html" to specify which webpage we want users to be directed to.The text between the quotation marks is the link we provide to direct users to that page.
This is how developers connect different webpages, documents and resources together so that users can navigate nicely.

What is an example of a hyperlink?

A hyperlink usually appears in a different color on your browser, often with a blue or purple color and underlined with blue or purple so that users can see that this is a clickable element.When you click on it the browser checks the url you provided using the href attribute and loads the link between the quotation marks.

How can you use a hyperlink?

This is how you can use a hyperlink element to direct users to youtube.


<a href="https://www.youtube.com" > YouTube</a>

Editor

When a user clicks on that link the user will be directed to youtube.


Another example we can also change the specified url between the quotation marks to https://www.facebook.com to direct users to facebook.


This is how you can direct users to facebook.


<a href="https://www.facebook.com" > facebook</a>

Editor

HTML quick quiz

What is the correct syntax for a hyperlink element?





HTML quiz


Why is a hyperlink element so important?

It is important because it makes the internet connected, interactive and used to navigate users to other webpages.It helps visitors on your page move around from one page to another saving time without needing to type urls or searching again to discover more information.


Without hyperlinks it will be hard to navigate on a webpage and it will be time consuming for users to find more information because they will have to search again or type urls manually.You can use hyperlinks on your webpage for an about us page or contact us page to direct users to those pages, so that they can easily find your information quickly without needing to type or search.Also hyperlinks can help google search console index your webpages so that your website can gain traffic on the internet or online.


Full example HTML code using a hyperlink element

HTML code


<!DOCTYPE html>

<html>

<head>

<title>

This is the title of your webpage


</title>

</head>

<body>

<a href="https://www.youtube.com">

Visit youtube.

</a>

</body>



</html>
Editor