We learnt about html in general learning the structure of html, text in html and lists in html so, now we are going to go through links.

In HyperText Markup Language we have links and this links help us to connect to other pages, linking pages to one another in webpage, website and even to other websites as well to applications when clicking on them.

In HyperText Markup Language we have links and this links help us to connect to other pages, linking pages to one another in webpage, website and even to other websites as well to applications using <a>link</a> tags.

Hyper reference

The hyper reference href="url" is the main link attribute that cotains the url that connect us to different pages, websites and applications.

Universal referal link

The universal referal link (url) is the link of pages, websites and applications that we wand to link to, for example, https://scienceinlesotho.com is url that takes us to scienceinlesotho website.

Linking to different page

We can create a link that can take us to another page. We assume that pages are in the same folder.

Let us say we have html-tutorial.html and css-tutorial.html in the same folder and we want to go to css-tutorial.html page from html-tutorial.html page.

Example

Let us create link that will take us to css-tutorial.html page from html-tutorial.html page, copy and paste below code in html-tutorial.html page.

So, we should have the following results and when clicking this link, should take us to css-tutorial.html.

Linking to website

Example

Let us create link that will take us to job posts at scienceinlesotho website home page, copy and paste below code.

So, we should have the following results and when clicking this link, should take us to job posts at scienceinlesotho website home page.

Linking to mail application

We can also connect to applications using links, now we are going to create link that will take us to google gmail application on android and to windows mail application on windows.

Example

Let us create link that will take us to mail application, copy and paste below code.

So, we should have the following results and when clicking this link, should take us to mail application.

Linking to calling application

We can also connect to calling applications using links to call companies and our friends, now we are going to create link that will take us to calling application.

Example

Let us create link that will connect us to calling application, copy and paste below code.

So, we should have the following results and when clicking this link, should take us to calling application.

We can link any page, website or application to our webpages, website and applications with only one line of html code. Websites and applications on the internet are connected via links the whole world.