Show Hyperlink in HTML Page

HTML is a HyperTextMarkupLanguage.The HTML uses a hyperlink to connect from one page to another page of the web.

Show Hyperlink in HTML Page

Show Hyperlink in HTML Page

     

HTML is a HyperTextMarkupLanguage.The HTML uses a hyperlink to connect from one page to another page of the web. The anchor (<a>...</a>) tag is used for creating a text on which hyperlink is to be displayed. The "href" is written inside this tag.The url of the page to be hyperlinked is written as the value of the attribute href in the opening <a> tag.

<a href="Hyperlink_page.html">text to be displayed</a>.The HTML tags are predefined tags. Any tags in HTML 

Understand with Example

The Tutorial illustrates an example that show you a Link in HTML.The HTML code show you a HTML page, that create a link to another page. The code begins with 

<html>  : The code begin with the html tag ,that describes you html document. This is used to provide information to the browser that this is an HTML document.

<head> : The head tag followed the html tag, that include the information about the document inside it.

<title>   : The Title describe the title of the document.

<p> : The HTML code describe you a paragraph.

The <a href="Hyperlink_page.html">text to be displayed</a> is used to show the url of the page to which hyperlink is written as the value of the attribute href in the opening <a> tag.

The code is saved as MyFirstHtml page .html.All the Browser supports html.Now paste the path of HTML code into the url of a browser.  

The following example illustrates the same:

<html>
<head><title>...</title></head>
<body>

<p>By clicking the following text or link, we can go the next page.</p>

<p> <a href="http://www.roseidia.net">Go to the next page</a> </p>

</body>
</html>


On execution of html code, the page is displayed as 

The web browser shows the above example as-

By clicking the following text or link, we can go the next page.

Go to the next page


Opening of a page in another Window:

The above example shows the opening of a hyperlinked page in the same window. The desired page can also be opened in a new window. The code will be like this-

<a href="http://www.google.com/" target="_blank">open the page in new window</a>

<html>
<head><title>...</title></head>
<body>

<p>By clicking the following text or link, we can go the next page.</p>

<p> <a href="http://www.google.com/" target="_blank">open the page in new window</a> </p>

</body>
</html>


The web browser will display this as-

By clicking the following text or link, we can go the next page.

Open the page in a new window


Use of an image :

We try to show you how to insert an image in HTML.

<html>
<head><title>...</title></head>
<body>

<p><img src="/home/mukesh/Desktop/Roop-HTML/HTML Tutorials/roop.gif" width="60" height="60"> </p> 0

</body>
</html>

 

The web browser will display this as- 1

 Move to the next URL page by clicking on an source image file in HTML

Earlier you come to know how to insert and display source image in HTML page, Now we create another page that in which user can click on image and move to the required URL.  2

<html>
<head><title>...</title></head>
<body>

<p>click on image</p>

<p><a href="http://www.google.com"><img src="/home/mukesh/Desktop/Roop-HTML/HTML Tutorials/roop.gif" width="60" height="60"></a> </p>

</body>
</html> 3

Download