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 Magic Marker Effect
  4. Photoshop Man Of Fire Part II
  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 5412 times
HTML For The Newcomer: Part 3
 So now you know how to link to another webpage! but how do you link to other content such as pictures or files?

For Files

Its extremely simple!

Say I wanted to link to a file on file.com called file.exe.

The download link for the file is http://file.com/file.exe

SO all I would need to do is put that link in the "" of the hyperlink code like so :

<a href="http://file.com/file.exe> Download this file </a>

How about images?

Well file.com also has a picture that i want my users to be able to see, so i get the link again, this time the link is:

http://file.com/pic.gif

SO  once again all I need to do is insert that URL into a link, and upon clicking that link a user will be taken to a page with the picture on it!

the code for this one would be:

<a href="http://file.com/pic.gif> View this picture! </a>

In Summary

It took me about an hour to get to grips with this the first time I did it so read over it a few times, and get to know the code, in the next tutorial i will be talking about images and what can be done with them.




How would you rate the quality of this tutorial?
Add comment
Comments
  • Comment #1 (Posted by Sneha)

    Good One !!
     
Submit Comment