QUIZ 1 QUIZ 2 ASSIGNMENTS  --- CONTENT ---   Introduction HTML Editors Basic HTML Tags Heading Tags Paragraph Tags Line Break Tag Horizontal Lines Preserve Formatting Links Images Formatting Tables Heading Colspan and Rowspan Backgrounds Height and Width Header, Body, and Footer Lists Unordered List UL Types Ordered List OL Types Div Span Forms Fieldset Legend Label Input Select Datalist Textarea

HTML Links

A webpage can contain various links that take you directly to other pages and even specific parts of a given page. These links are known as hyperlinks.

Hyperlinks allow visitors to navigate between Web sites by clicking on words, phrases, and images. Thus you can create hyperlinks using text, images or email available on a webpage.

HTML Text Links

A link is specified using HTML tag <a>. This tag is called anchor tag and anything between the opening <a> tag and the closing </a> tag becomes part of the link and a user can click that part to reach to the linked document. Following is the simple syntax to use <a> tag.


<a href = "Document URL" ... attributes-list>Link Text</a>

For example:


            
                <!DOCTYPE html>
                <html>
   
                  <head>
                    <title>Hyperlink Example</title>
                  </head>
	
                  <body>
                    <p>Click following link</p>
                    <a href = "https://www.iiit-bh.ac.in/" target = "_self">IIIT BBSR</a>
                  </body>
	
                </html>


This will produce the following result, where you can click on the link generated to reach to the home page of IIIT BBSR website (in this example).


Click following link

IIIT BBSR


HTML Email Links

It is not difficult to put an HTML email link on your webpage but it can cause unnecessary spamming problem for your email account. There are people, who can run programs to harvest these types of emails and later use them for spamming in various ways.

HTML <a> tag provides you option to specify an email address to send an email. While using <a> tag as an email tag, you will use mailto: email address along with href attribute. Following is the syntax of using mailto instead of using http. 


<a href = "mailto: abc@example.com">Send Email</a>


This code will generate the following link which you can use to send email.

Send Email

Now, if a user clicks this link, it launches one Email Client (like Lotus Notes, Outlook Express etc. ) installed on your user's computer. There is another risk to use this option to send email because if user do not have email client installed on their computer then it would not be possible to send email.