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 4
HTML For The Newcomer Part 4
By Daniel Phillips | Published  06/27/2006 | HTML and CSS | This tutorial viewed 798 times
HTML For The Newcomer Part 4
 Now, what if we want this image to link to our favourite MR T website? well, its quite simple!

<a href="mrt.com"> <img src="http://mrt.gif"> </a>

Now when a visitor click the picture they will be taken to the link it is paired with!

And finally what if you want a kool MR T background instead of the stylish pink one?

The image you want to use for your background is "mrt2.png"



So the simple code to set this as a backgorund would be - <body background="mrt2.png">

So just replace your background color tag with this one!

 <html>
<title> MR T FOO' </title>
<head>
<i> welcome to my MR T fansite! </i>
</head>
<body>
<p>
<b> I pity the foo' who mess with this man </b>
<p>
<a href="mrt.com"> <img src="http://mrt.gif"> </a>
<body background="mrt2.png">
 </body>
</html>

And voila!



Thats just about all the basic info you need on images in HTML documents.


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

    Nice!
     
  • Comment #2 (Posted by sachin shetty)

    introducing n applying the new topics is very simple... so we, learners enjoy a lot to go through this
     
Submit Comment