Home Page Tutorials Download Fonts Download Template Download Wallpapers Free Directory
 
 
 
LESSON 04
Hyperlinks
HTML Tutorials
Photoshop Tutorials 1). We can roughly divide hyperlinks into Four Categories:
Flash Tutorials

*). From One page to another page within the website or Internal Links.

ASP Tutorials

*). From One website to another website or External Links.

FAQ

*). Email Links.

*). Downloading Links.


Download Wallpaper


Download Wallpaper


Download Wallpaper

 
The main identification for a hyperlinks are:
*). They are in Blue Color.
*). There is an underline.
*). When you move a cursor on the hyperlinks, the cursor change to Hand Arrow cursor. See example below:

Home

2). <a></a> tag is used for making Internal, External or Email links. The syntax of <a></a> tag is :
For Internal Links:

<a href="Your Web page Name with extension">Click Here </a>

Example:

<a href="index.html">Go Home</a>

Result:

Go Home

  For External Links:
<a href="Web site Address">google</a>
Example:
<a href="http:\\www.google.com">google</a>
Result:
For Email Links:

Email links works in the same way as simple hyperlinks works, but use an email address instead of a page address or URL.

<a href="Your Email Address">Email Me </a>
Example:

<a href="mailto:info@tutorialscenter.com">Email Me </a>

Result:
Email Me

"Wants to add Subject to your Email Message?"

You can also add specific Subject to your Email Messages. For this you just have to use an attribute called "Subject" like this :

<a href="Your Email Address?Subject:Your Subject">Email Me </a>

Example:

<a href="mailto:info@tutorialscenter.com?Subject:Send Comments ">Email Me </a>

Result:
Email Me
3). This is also possible with hyperlink to make an image a link. To make an image a link, <img> tag is used. This can be done as :
<a href="Page Name.htm"><img src="ImageName.gif"></a>
Eample:
Have some questions about Hyperlinks?? Go to FAQ

<a href="HtmlFaq.htm"><img src=".../images/Faq.gif"></a>

Result:
Have some questions about Hyperlinks?? Go to FAQ
   
 
[HTML Index]
 
 
 
Google
 
Web www.tutorialscenter.com
 
 

Copyright© 2006 All Rights Reserved.
Contact: webmaster@tutorialscenter.com, info@tutorialscenter.com, support@tutorialscenter.com