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-
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-
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>
</body>
</html>
|
The web browser will display this as-
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.
<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>
|
Download
|
Del.icio.us
Digg
Google
Spurl
Blink
Furl
Simpy
Y! MyWeb
