anchor tag in html with example

<A> anchor tag

Web pages are linked to one another through Hypertext Links. In HTML an anchor tag <A> is used to define a link and the destination of the link is defined in the “HREF “attribute of the tag. The text you write between the opening and closing <A> tag will be shown as the link on a page people will click. To keep things simple, for now place all your web pages in the same folder (directory). Section of text or image can be linked to an external document or to a specific place within the same document.

The syntax is :

<a href="URL"> Type a text to make Link </A>

Here herf- refers Hyper Link Reference which is a mandatory attribute used to refer the URL of the resource.

And URL -- Uniform Resource Locator is an address tells the browser which file to link to. Which means it identifies file locations (Addresses) on the web or on the local hard drive. These addresses can be those of HTML documents or elements such as images, scripts, applets and other files. ”URL” is always enclosed in quotes.

The web wouldn't be web without the hyperlinks or links.

Link within the same directory

Linking to another page on same web site is simple than linking to a different web site. To link to another page in the same web site simply include the file name in the HREF =" "attribute. The HREF attribute contains the file name of the destination web page. The file name is enclosed in quotation marks and it includes the html extension.

For example:

<a HREF ="homepage.html">Click to go home page </a>

Linking to another website

Linking to another website is done by putting the entire website address (URL) into the HREF attribute:

< A HREF=”https://www.alamincomputertc.blogspot.com”> this link is for Alamin Computer Training Center</A>

Be sure that https:// is included in the website address.

Example:

<HTML>
   <HEAD>
       <TITLE>
           Link to a Website
       </TITLE>
   </HEAD>
   <BODY>
       Ruhul Ahmad <BR>
       Instructor <BR>
       Alamin Computer Training Center <BR>
       Dhaka, Bangladesh<BR>
       <A HREF ="http://www.alamincomputertc.blogspot.com">
       Link to get Website of Alamin Computer Training Center</A>
   </BODY>
</HTML>

In the above example the link text “Link to get Website of Alamin Computer Training Center” would appear in a different color with underlined from any other text in the document to distinguish a link from normal text. Also you would find that the mouse pointer changes into a hand like symbol () when taken over the hyperlink.

anchor tag in html with example