Monday 18 July 2016

Html Link tag | How to insert link or anchor tag in html

Here are the Steps to insert a link in html or html5 page or website:-

1.HTML links are hyperlinks that help us to navigate different information or data on the internet using web pages. One click on the link help you to jump to another document or other web page.

2. A Html Link cannot only be apply on the text, you can apply it on images or any other element.

Html link tag 3.To insert link or hyperlink in html, we use <a> </a> tag.

 Example:
<a href="http://www.google.com/" >GOOGLE </a>

   In the above example,when you click on GOOGLE text it takes you to "http://www.google.com/" address on the internet.

4. You can also connect to other pages using html links as a local links.

    Example: <a href="main_index.php">Home</a>

     In the above example,when you click on Home text it takes you to "main_index.php" page.Html link tag

5.You can also use target attribute to define where the new link will be open on the browser window or tab.These attribute are _blank, _parent, _self(default), _top.

Example: 
<a ref="main_index.php"target="_blank">Home</a>

    when you click on Home ,Home page will be open in new tab/window.
Html link tag

6.You can also apply link on images or other elements.

    Example:
<a href="main_index.php"><img src="images/home.png" width="100px" height="100px"></a>

Full Description:
Html link tag <!DOCTYPE html>
<html>
    <head>
          <title>Image Tag </title>
    </head>
    <body>
<a href="https://www.google.com/">Text Link</a></br>
<a href="https://www.google.com/"><h1>Heading Link</h1></a></br>
<a href="image.html"><img src="images/click_buuton.png" alt="No Preview" width="200px" height="100px"></a>
    </body>
</html>

The output is:-


Html Link tag
Html Link tag

















Please comment to suggestions and improvements or email me for any questios.

Html link tag
How to add image in HTML , HTML5 or add image in your Website 
https://androidbarclub.blogspot.in/2016/07/how-to-add-image-in-html-html5-or-add.html

No comments:

Post a Comment

Leave a Reply!