What Is Hyperlink?


Hyperlink is a word, phrase, text, image button, or element which will jump or navigate to the other locations of the same or different document. Hyperlinks are used in different cases in order to provide practical tracking. In this tutorial we will examine and learn, what is a hyperlink, how does hyperlink work, creating a hyperlink, hyperlink types, etc.

What Is Hyperlink?

The hyperlink is a link to the other location on the same or different document or web page. Hyperlinks generally used on web pages in order to provide easy access to the other part of the same web page or different web pages. Also, different web sites or domains can be linked by using a hyperlink.

Generally, hyperlinks are depicted differently than the current text or content where it can be distinguishable in order for the user. In some situations like an image hyperlink when the mouse is moved over the image, the cursor icon will change in order to express the image link.

Hyperlink definition is a bit of science-related where the term link is preferred in general. Most of the experts use link in order to express a hyperlink. In most cases, the World Wide Web, WWW, or simply internet use hyperlinks as the link. Hyperlinks can connect different sources like image, document, sound, video, service, etc by using URL.

Hyperlinks On Web Pages

As stated previously hyperlinks are generally used in web pages. A hyperlink can be created with the markup language named HTML. HTML can link hyperlinks into different elements like Section, URL, File, Image, Video, etc.  In the following screenshot, each image and text depicted with red square provides a hyperlink to the related web page.

Hyperlinks On Web Pages
Hyperlinks On Web Pages

Hyperlink Colors

Colors are an important part of the hyperlinks where colors are used to express the hyperlink and if it is visited before. By default, hyperlinks are colored with different colors where blue is de facto color. This will make hyperlink different from the normal text which is generally black. Below we can see that links are taken into a red square. We also see that there are some other hyperlinks that are red which means this hyperlink is already visited.

Hyperlink Colors
Hyperlink Colors

Creating Hyperlink

We can create a hyperlink in HTML easily by using the <a> tag which is named as anchor. We will also provide the link address we want to redirect or navigate with the href attribute. href is a short form of hyperlink reference. Below we will create a hyperlink which is named POFTUT where it will link to https://www.poftut.com.

<html>
   <body>
      <h2 id="hyperlinks">Hyperlinks</h2>
      <p>This is a link to the web site <a href="https://www.poftut.com">POFTUT</a></p>
      <p>This is a link into poftut.com web page of <a href="https://www.poftut.com/category/linux/">LINUX CATEGORY</a></p>
      <p>This is a link in this page element <a href="#hyperlinks">HYPERLINKS</a></p>
   </body>
</html>
Creating Hyperlink
Creating Hyperlink

LEARN MORE  Javascript Syntax and Basics

Leave a Comment