HTML Links

Hyperlinks :-

Generally, a hyperlink is an underlined word. or an image or icon, which link with a specific  address.

In Hyperlinks, we need to care of few things :-

  • The target Attribute
  • id Attribute
  • Link to a  mail System
  • Implementation Link Relations

To understand how to create a HTML Links through simple Hyperlink, code:-

 

<Html>
<Head><Title>Hyperlink Example</Title></Head>
<body>
<h1>We are working on hyperlink in HTML</h1>
<br/>
<h1><a href="http://www.tutorialworld.in/html-floating-elements/">You are Linked</a></h1>
</body>
</html>

 

 

Using the target Attribute :-

The target attribute of the A element is sued to specify the frame or the window in which you want to open the reference page. You can open the reference page in the samw window , new window, new tab, or in a user-defined freme.

Example :-

 

<Html>
<Head><Title>Creating a Hyperlink with the target Attribute</Title></Head>
<body>
<h1>In the Example you will be directed to new window</h1>
<br/>
<h1><a href="http://www.tutorialworld.in/?p=783" target="_blank">You are at new window </a></h1>
</body>
</html>

 

Using the Id Attribute for link in HMTL :-

The Id attribute is used to assign a unique identifier to the hyperlinks on a Web page. You can access the hyperlinks, to which you have assigned the id attribute, by providing reference to other hyperlinks.

<Html>
<Head><Title>Creating a Hyperlink with the Id Attribute</Title></Head>
<Body>
<H1>On Top of the Page.</H1>
<a id="top"></a></H1>
<a href="#middle">Middle of the page</a><br/>
<a href="#bottom">Bottom of the page.</a>
<H1>This is the Top Area</H1>

<br/>
<H1>This is the Middle Area of the Page</H1>
<a id="middle"></a>
<a href="#top">Go to Top</a>
<br/>
<a href="#bottom"> Go to Bottom</a>
<H1> This is middle</H1>
<br/>
<br/>
<br/>

<br/>
<br/>
<H1> This is the Bottom Area of the Page</H1>
<a id="bottom"></a>
<a href="#top">Go to Top</a>
<br/>
<a href="#middle">Middle of the page</a><br/>
<H1> This is the Bottom</H1>
</Body>
</Html

 




Follow Us

Contact Us

tutorialworldin@yahoo.com

Back to Top