HTML5 Links tutorial with examples

HTML5 Links tutorial

HTML Links

Links in HTML

Link means to connect the main resources path; links provides the way to approach the origin web page or form. In links also different properties are there with their respective functionalities will see one by one.



HTML5 Links and Hyperlinks tutorial

html5 tutorial for beginners

Hyperlinks

In HTML links means Hyperlinks By clicking a link you can redirect to other page which is referred, and also on mouse over to this link mouse cursor will change to small hand icon symbol. The link not only text shown here it may be image or any other format like CSS can also apply to design a link.

Syntax: <a href="url here">link text name</a> Example: <a href="http://www.harisystems.com"> Click Website Here </a> href is an attribute that will represents destination address of the link. And link text name to written here that the purpose of the link what it is.

HTML5 LocalLinks tutorial

Local Links

In HTML links means Hyperlinks
Now we will see the local links to connect internal pages of our website for this it is very simple on above said example written (http://www) it’s a full address of website page which is not require now simply we can write as

Example: <a href="../html/index.html">Internal Html Page</> The link says that internal folder there is index.html page to be open .. try on practice with your internal links

html5 tutorial for beginners

html5 Style Links with CSS tutorial

Using CSS we can style the link buttons in different properties like colors, on mouse hower and background of link button as well text

Example: <style> a:link, a:visited { background-color: #f46336; color: white; padding: 12px 15px; text-align: center; text-decoration: none; display: inline-block; } a:hover, a:active { background-color: blue; } </style> To learn more on CSS visit our CSS tutorial