Tutorial Categories
Tools and Software
Site Search


Advanced Search
Tutorial Options
Popular Tutorials
  1. Photoshop Concept Car Makeover
  2. Photoshop Man Of Fire Part I
  3. Photoshop Man Of Fire Part II
  4. Photoshop Magic Marker Effect
  5. Photoshop Car Makeover Part II
No popular tutorials found.
Popular Authors
  1. Cory Crampton
  2. Daniel Phillips
  3. tanmay goswami
  4. Rails Forum
  5. Brendan Horverson
  6. CodeCrunch Tutorial Bot
  7. PhotoshopBee .com
  8. Jamie Lewis
  9. Nick Cote
  10. Luther Avery
No popular authors found.
 »  CodeCrunch  »  HTML and CSS  »  HTML For The Newcomer: Part 3
HTML For The Newcomer: Part 3
By Daniel Phillips | Published  06/25/2006 | HTML and CSS | This tutorial viewed 5154 times
HTML For The Newcomer: Part 3
 In the last installment of this series we talked about background colours, including the use of hex code to make a website look nicer. In this tutorial we are going to discuss something a little more advanced,  one thing that users love in a website is interactive features, and in this tutorial we shall discuss the first basic interactive feature you need to learn.

Hyperlinks - you have seen them before, you click on them and they take you somewhere, be it another website or a file download, in this tutorial im going to talk about what exactly you can do with links and why they are so useful.

Firstly lets take a look at the code for a link:

<a href="http://yourlink.com> link <a>

Confused? lets break this code down!

<a href=

You should remember this part of the link code by thinking of it as a hyperlink reference, this tells the internet that this link is clickable, and when its clicked to take you to the specified location

"http://yourlink.com">

This part of the code is where you specify the URL that the hyperlink will take the clicker to. I strongly advise that you use quotation marks as it looks tidier, and also that you always put the http:// bit in as this avoids complications later.

 link <a>

This part of the code tells the internet how the link should be displayed on a webpage. you can put any amount of text here, and it will all take you to the specified URL if you click it in a browser.
For this reason you need the </a> closing tag, otherwise all of the content below the link code would take you to the specified URL, the </a> tells the document to only link the text in between the > and the </a>.


Comments
  • Comment #1 (Posted by Sneha)

    Good One !!
     
Submit Comment