Anchor tag HTML Presentation

Anchor Tags
BY: NIMISH GUPTA
[ TECHNIBLOGIC.COM ]

Introduction
 The <a> tag defines a hyperlink, which is used to link from one page to
another.
 The most important attribute of the <a> element is the href attribute,
which indicates the link's destination.
 By default, links will appear as follows in all browsers:
 An unvisited link is underlined and blue
 A visited link is underlined and purple
 An active link is underlined and red

Internal Linking
 To create a link with in that page, add a name attribute to the anchor tag
and specify that name from the place where you want that navigation
<a name="chapter1">Some contents</a>
Click <a href="#chapter1">here</a> to read chapter 1.

Linking to Email
 <a href="mailto:xyz@abc.com">Email Me</a>
 This will appear in the page as
Email Me
 When we click that, we can compose mail and send it to that
address.
 We can even configure subject and body of the mail using the
attributes subject and body.

Opening a Link in a New Browser Tab
 The target attribute on the anchor element opens a link in a new browser
tab.
<a href="http://yahoo.com" target="_blank">Yahoo!</a>

Anchor Tag - Attributes
 Download : Specifies that the target will be downloaded when a user
clicks on the hyperlink
 Href : Specifies the URL of the page the link goes to
 Target : Specifies where to open the linked document
 Title : Adds a title to an element. Many browsers will display the value of
this attribute when the element is hovered-over or is in focus.
 Rel : The rel attribute specifies the relationship between the current
document and the linked document.

QR CODE Generator – My Project
Via Qr-code.gq

Main code
<input type="url" name="url" id='url' placeholder="Enter the url...."/>
<input type="button" id='btn' onClick="qrcode()" value="Go">
</form>
<p id="display"></p></center>
<script>
function qrcode(){
var url=document.getElementById('url').value;
document.getElementById('display').innerHTML=
'<img
src="http://chart.apis.google.com/chart?cht=qr&chs=200x200&chl='+url+'"></img>';
}
</script>

Features
 The most popular technology to bridge the physical-digital gap
 Encode any type of textual information in a QR Code

Limitations
 A Qr-code Reader always needed a Application to decode it

Future scope
 In Future it can have many the feature to store the address, phone book,
telephone number etc. other than URL
 We can also Encrypt Password and communicate between to devices

Anchor tag HTML Presentation

More Related Content

What's hot (20)

Viewers also liked (20)

Similar to Anchor tag HTML Presentation (20)

Recently uploaded (20)

Anchor tag HTML Presentation