HTML HREF Attribute in Coding

href means


HREF is html link attribute that enable movement from one web page to another freely.

As websites are made up of multiple web pages, for movement from one page to another is possible only with href link attribute. Many web designers don't really know the full meaning of  'HREF link attribute' despite using it regularly.








In this guide, we'll treat the subheading listed below.

What Does Link 'HREF' Stand For?

How to Use Link HREF Attribute?

How to Use Link TARGET Attribute?

Without the 'href' html link attribute, no web app can achieve its purpose because there will be no movement within the app.

Imagine opening a web app and you are just stuck there, no next page, no previous page. This will be annoying and frustrated.

HREF stands for 'Hypertext Reference (H-Hypertext REF-Reference)'. Of course we all is aware what the word reference means. It means referencing to another file or page.


Website like w3schools will be of a good example. When you read tutorial on w3schools, getting to the end/bottom, you'll get to see 'NEXT' and 'PREVIOUS' referencing more information about what you're reading.


Note: also see these next and previous buttons on the top before you start read.


a href target blank

How to Use Link HREF Attribute?

Without the href link attribute, the link element is not complete and it is useless, because no action will occur even a user click on it.

For example, link element will look like this;
<a>Wrong</a>
The above code is useless because the link does not have 'href attribute', and contain no reference file name with.

For example, link element will look something like this;
<a href='superguideblog.com'>correct</a>

Note: In the above correct link element, the href contains the URL of this blog as the file name. It can be any file available on the host root.

Some examples below;

<a href='about-us.html'>correct</a>

<a href='home.html'>correct</a>








How to Use Link TARGET Attribute?

The link target attribute is not compulsory, but very important in some cases depending on the developer's choice.

In many websites, we have come across this function without knowing why it is happening. Websites that set their link 'target attribute' to blank will enable you to open links in a new browser tab.


Code example; <a target='blank'>open this link in new tab</a>

Code example; <a href='home.html' target='blank'>open this link in new tab</a>

Code example; <a href='sport.html' target=''>open this link in same browser tab</a>


href stands for

 

 

TEST TIME

What is wrong with the codes below?

Test Code; <a href=superguideblog.com' target='blank'>Wrong</a>

Test Code; <a href='enertainment.html' target='' >Wrong</>

Drop the correct codes in the comment box.

Comments

  1. Vaibhav KulkarniAugust 8, 2019 at 9:45 PM

    This article really helped me to understand what really is href. Thanks Jerry for sharing.

    ReplyDelete

Post a Comment

Popular posts from this blog

How to Delete Record From Table Using PHP MySQL

Image
Allowing users to deactivate/delete their account, to delete post/article and even friend and unfriend system however require the PHP MYSQL delete query if you’re dealing with PHP MYSQL database. To delete post, user account all require this same delete query. So in this tutorial I’ll be showing you how to delete post from table using MySQL delete query. some useful tutorials: Building JavaScript WYSIWYG Text Editor From Scratch How to Make Facebook Kind of Like Button Using PHP Programming Language How to Get Value from URL Using PHP Programming Language Reading on I hope you already have your database, table created and some pretty records inserted in it then next is for us to get our hands dirty with the coding process. Everything is going to be put in same web page. So I have a DATABASE name -> delete and a TABLE name -> record. My table has three rows: post_id, post_title and post_content. post_id   
Read more

Guide to add blog URL to Google search console

Image
 In one of my recent blog posts, I explained how to submit your blog for AdSense approval and things you should do first before applying. Now, in this post, I want to teach you how to add your blog url to Google search console. maybe, you might ask why this is important. Calm down, I will explain why you need to add you blog to Google search console. For you to get better traffic result in blogging, your blog need to rank high in search engines. And Google is the world's number #1 search engine. So making your blog to show on search engines will fetch you a lot organic traffic. Now you see why you should consider adding your blog url to Google search console? This is exactly what I'm going to teach you on this post. mind you, I'm making this post for Blogspot users. So first, go to your blogger dashboard and click to open the menu tab, scroll down a bit and click settings. When the settings menu come up, scroll down and click Google search console. Now when the Google searc
Read more

Best steps to master JavaScript programming language

Image
To build web app, JavaScript is not exceptional because of its ability to manipulate the browser environment. Beyond client side scripting, JavaScript libraries enable us to interact with server side, exchanging data with php . This tutorial is not about JavaScript libraries, this tutorial is to give you steps that will enable you understand and master the language itself. Many are battling with JavaScript without knowing the real course, what would this course may be? This is what I am going to tell you here. Don’t say JavaScript is hard because of the way you start learning. If you start in the right direction you’ll get it right. To understand JavaScript we must know how the language works, then how can we know how the language work is another question on its own. For web app, after learning html and css they usually tell us to learn JavaScript before learning php, isn’t it? The pattern in which the language report error is another annoying thing, compared to tha
Read more