Design HTML5

HTML5 Tutorial – How To Create A Link In HTML5

HTML5 Logo Image

HTML5 is such a great tool and very easy to use. One of the first things that you will need to understand when coding in HTML5 will be how to create a link. In this tutorial I am going to be showing you how to create a link that is masked by different text.

HTML5 Logo Image

We will be coding the following:

Hey guys go check out my YouTube Channel for more great tech tips and reviews!

In order to create links in HTML5 you need to understand a few things.

HREF = The destination link (In this example href = http://www.youtube.com/user/Technologyguru77/featured, which is my youtube channel link).

Also, you need to understand that in order to create a link you must have your opening and closing code which is:

<a> – Opening

</a> – Clsoing

The exact code looks like this:

Hey guys go check out my <a href=”https://www.youtube.com/user/Technologyguru77/featured”>YouTube Channel</a> for more great tech tips and reviews!

As stated before href is your destination link and “YouTube Channel” is your text link mask. Your readers will see “YouTube Channel”, and when they click on the link it will take them to my YouTube channel page.




Button

Did you enjoy this article?
Share
the
Love
Get Free Updates
You may also like
how to use the rotation tool in illustrator
Adobe Illustrator CS6 Tutorial – How To Use The Rotation Tool In Illustrator
how to link pages in dreamweaver
Dreamweaver Tutorial – How To Link Pages In Dreamweaver

Leave a Reply

%d bloggers like this: