Web Development Core Concepts - What is Hyperlink?


Hello and welcome to web technology core concepts at Learning Journal. In these videos, we are trying to build a sound foundation for learning and understanding things related to web technologies. Hyperlinks are one of the most important constituents of a website. We already talked about hyperlink or simply a link in an earlier video. However, in this video, we will try to explore and understand it in a little more detail.

Origination of Hyperlink

The term hyperlink is not new. This term was first used by Ted Nelson as a mechanism to link related information. Later, Sir Tim Berners-Lee used it in his development of HTTP protocol. Since then, hyperlinks are being used to link related content over World Wide Web.

Importance of Hyperlinks

At the most basic level, a hyperlink is a pointer to a resource. These links may point to a variety of things.
Some commonly used resources are listed here.

  1. HTML documents
  2. Specific parts of an HTML document
  3. Images
  4. Videos
  5. File downloads

This list is not exhaustive. In fact, you can create a link to anything that can live on the internet.
I hope you already understand that anything or everything that lives on the web has a URL. The URL is used to identify and locate the resource. So, to create a hyperlink that points to a resource, the first thing that you should know is the resource URL. Once you have the URL, rest is simple.
We will learn more about HTML in a separate video series. However, HTML offers a simple mechanism to create a hyperlink.
Here is an example HTML code.

                                
    <p>
        Let me take you to <a href="https://www.google.com">Google</a>.
    <p>                                       
                            

If you save this code in a test.html file and open the file in a browser, you will see something like this.

What is a hyperlink
Fig.1- A hyperlink example

In this example, the text "Google" is a hyperlink. However, behind that text, we have an HTML tag. This tag is known as anchor tag that is responsible for creating hyperlinks. If you look at the code carefully, we have a href attribute. The attribute href stands for hypertext reference. The value of the href attribute is a URL. The URL is the resource that we want to point the link. Right? That’s what I said earlier. To create a hyperlink that points to a resource, you need to know its URL. There are a variety of things you can do with the anchor tag and customize your hyperlinks and their behaviour. We will talk about those things in our HTML tutorials. However, the objective of this video was to give you a realistic sense of the hyperlink. I guess I fulfilled the purpose. That`s it for this session. See you again with a new concept.
Thank you for watching Learning Journal. Keep learning and keep growing.


You will also like:


Functional Programming

What is Functional Programming and why it is important?

Learning Journal

Pure Functions

What are pure functions and side effects. Start learning functional programming.

Learning Journal

Statements and Expressions

Statements and Expressions in Scala. How are they different?

Learning Journal

Scala named arguments

Learn about named arguments and default values in Scala functions with examples.

Learning Journal

Anonymous Functions

Learn Scala Anonymous Functions with suitable examples.

Learning Journal