Links in HTML (Types of Links)


Links are used to “link” a visitor from one area to another.There area many types of links :

  • Local: A page on the same server or directory
  • Internal: A section on the current page or document
  • External: A page or site on a different server or directory
  • Download: A file for the visitor to download
  • E-mail: Opens the visitor’s e-mail program

1. Local Links:

A Local link uses a page name (including sub-directories if needed) as the target. It is “local” to the current server.

<a href=”Page_in_the_same_server.html“>
Click here to go to the local page
</a>

2.Internal Links:

Internal links can also be called page jump, u can make this jump with two simple steps

First step:

assign the place of the page where u want the pointer to move, and bookmark it by adding this cod in it

<A NAME=”ur bookmark name“></A>

u will need the “ur bookmark name” in the next step.

Second step:

u need to add a link in anyplace in ur page to let the user move to ur bookmark point from it

<A HREF=”#ur bookmark name “> Add the text to be displayed and clicked by the user </A></P>

The A stands for Anchor. In general, the anchor tag tells the browser to anchor or to attach to something else. Every Anchor tag must have a closing or end tag (</A>) to signal the end of the anchor. HREF stands for Hypertext REFerence. It means that “this is where the link is going to.

Example:

lets add a link to move the user to the top of the current page

first step: we add the bookmark code at the top of the page

<A NAME=”top“></A>

second step: add the link anywhere in ur page

<A HREF=”#top “> click here to go to the top of this page </A></P>

and this is my link:
click here to go to the top of this page

the link will take u few lines above since we are not far from the top of this page


3. External Links:

To link to any page in the world,u need the (URL) of the page you want to link to.

<a href = “URL for the website“> text to click on </a>

Example:

i want to link to my blog home page, so i will use this code

<a href = “http”//me2learn.wordpress.com“> Click here to visit my blog, enjoy! </a>

and this is my link

Click here to visit my blog, enjoy!

4. Download links:

File links are used for allowing a visitor to download a file. These links are set up exactly the same as the local or external links. Instead of “pointing” to another page or site, it points to a file. When the user clicks on this link, the browser knows it is a file and will ask the visitor if they want to download the file. The types of files available to be used for download depends on your online server. A common and most accepted type is a ZIP file.

<a href=”File URL.zip“>
Click here to d ownload this file
</a>

u can get the file URL by uploading ur file to any uploading site and they will give u the URL for ur file.

5. E-mail links:

The e-mail link is for receiving e-mail and feedback from visitors. This link will prompt the browser’s e-mail program to start and place the e-mail address in automatically.

<a href= “mailto: mail_address@mail.com“>

click here ti send me e-mail </a>

Note the mailto: in the HREF value. This is how the browser detects an e-mail setting instead of a web page setting.

* You can also add set the subject, cc and bcc lines as part of the mailto:

The subject line of an e-mail can be filled in automatically by adding a SUBJECT property:

<a href = “mailto: mail_address@mail.com?subject = ‘e-mail from the web-site’“>

click here ti send me e-mail </a>

the cc and bcc can be added in the same way replacing their name instead of the subject word.

Link colors:

Links, by default, show up in different colors from the rest of the text on your web page. These settings are found in the individual browser settings. To over-ride these settings, you can declare your own link colors in the opening BODY tag:

  • LINK: Color of an non-activated link. (default blue)
  • VLINK: Color of a previously visited link. (default red)
  • ALINK: Color of a currently active link. (default orange)

<body link= “#0000ff”  vlink= “#ff0000” alink= “#ff8429”  > ur HTML code here </body>

Using the hex color codes, you can choose the colors to suit your page. The ALINK is not used much. There aren’t many instances when there is an open link at the same time as the current page. Be sure you are just inserting these properties into the current opening BODY tag.Do NOT create a second opening BODY tag. Any given HTML document can have only one BODY tag set. Any more than one set will result with page errors.

This entry was posted in HTML and tagged , , , , , , , , , , . Bookmark the permalink.

13 Responses to Links in HTML (Types of Links)

  1. Complimenti per l\idea della descrizione dell\appendicectomia. Davvero simpatico il sito!
    Bravo!
    pedoland
    case toscana
    first time
    i cartoon

  2. Enarignprep says:

    Complimenti per l\idea della descrizione dell\appendicectomia. Davvero simpatico il sito!
    Bravo!
    and camicie
    braid hair style
    purefaces
    big di clarence

  3. Manoj says:

    can i able to open my pc folder form html

    plz heap me

  4. hinakhan says:

    Its amazing.. thanks alot and keep it up

    cheers!

  5. micheal says:

    Thanks it helps my exam

  6. mohammed bujair says:

    its amazing

  7. pari nagra says:

    very nice…………

  8. PARI & DIL says:

    very easy lines……….

  9. PARI & DIL says:

    very nice g…………

  10. Сайт об игре Return To Castle Wolfenstein

  11. Eva Mw says:

    it helps me, understand more about link,
    Q what about absolute and relative link? where should i assign the among the types stated?

  12. Lila says:

    Hola! I’ve been reading your site for a while now and finally got the bravery to go
    ahead and give you a shout out from Kingwood Texas! Just wanted to mention keep up
    the excellent work!

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s