September 04, 2012

Adding links in Html Hyperlinks

Basic Tags and Formatting | Guideinfoyou the template website | logo design

Great! We have a functional page of text in my previous Basic Tags And Formatting! Are you satisfied? mmmhh No? Well, me either. Ok, let's expand our page by adding some links to other web pages on it!

Follow me again:
The ability to link to other web pages is exactly what makes HTML Hypertext or Hyperlink. Hyper means outside of, and when you link to another web page, you link outside of your own page.

Linking to another page is easy. In fact, you only need to use one tag! This tag is the <A>, or anchor tag.
The <A> tag uses the HREF argument to specify the site to link to. So it looks like this <A> HREF="http://ourlinktogo.com">
This is our link! </A>.

Note: This is our link! The part in between the <A> and </A>. This is the part where you enter the text that'll show up in the browser. This text is underlined in some browsers. When the visitors click on this text it will take you to the link in <A HREF>, which is http://ourlinktogo.com in this case.

But wait, sometimes it's easier,sometimes you might want to do relative linking. This is when one page on your site links to another page on the same site. So if you're in http://oursite.com/index.html and want to link to http://oursite.com/page2.html you'd simply add a relative link.
The format in this case would be <A HREF="page2.html">Go to page2</A>. The browser will then look in the current directory for that page.

If you want to get a page one directory up from the current one, you simply insert a (../ ) before the filename of the page.
For example, if you're in http://oursite.com/blogs/main.html and need to link to http://oursite.com/index.html, this is what you'd do:
 <A HREF="../index.html"> Go to the index</A>. You can add as many (../)s as you want to get to progressively higher directories.

 If you want a link that people can click on to send email to, you just add MAILTO:: before your email address.
 So it would look like this:

 <A HREF="mailto:ourmail@mailaddress.com">Mail me! </A> Guideinfoyou?

Now is done our linking tutorial.  Let's move in other part.
Return to:

If you like to see our Flash template Design/Template Page goes here:
See all: Our Template

No comments:

Post a Comment

Share Us

| Guideinfoyou (Guideline and Learning tactics) © 2008- 2014 w/blogger. All Rights Reserved | Designed by Virgil R. Toling Jr |