Library tutorials & articles

Beginning HTML

Images

The image tag is another of the small family of HTML tags that do not have an end tag. The image tag must be passed a parameter to tell the browser where to load the file from. This parameter is the src (or source) parameter. Some code for loading the image, me.jpg is shown below:
<img src="me.jpg">

We can also uses images as links. If we wanted to use the above image as a link to the aboutme.htm page, then we could use this code:

<a href="aboutme.htm"><img src="me.jpg"></a>

Try experimenting with this concept. You'll understand it much better once you have a go yourself!

The image tag can also accept width and height parameters. These are measured in pixels. If you set only one of these parameters, the other dimension is altered to keep the image to scale. If you set both then you can resize the image to be out of proportion if you wish. The following code would set our image to height 50 pixels and width 100 pixels:

<img src="me.jpg" width=50 height=100>

The body tag has another parameter that can be used to alter the background picture. The browser will tile the image if it is too small. If I wanted to set the background of my index.htm page to the me.jpg image then I'd use this code:

<body background="me.jpg">

Comments

  1. 10 Sep 2008 at 13:52

    Hi

    Nice read, I m noob in web design therefor it is so much useful for me in my study.

     

    thanks 

  2. 15 Feb 2005 at 22:02

    Hi All,
        I have Registered in ur site, becs i want a Free HTML conerter software. if it is not available in ur Company then give the address where i down load it. i want to use it personally.


    Regards
        PKN

  3. 18 Jan 2003 at 19:21

    Hi all,


    Sorry I've been away for so long. But I may be back soon. Does anybody really want a sequel? If so what do you want in it. Anything in particular? Post here or mail me and I'll include it, if it's not too hideously complicated.


    I'm glad that some people have found this of some use.

  4. 27 Dec 2002 at 22:06

    Thanks for presenting "the beef", with none of the fat (or fluf) ...

  5. 30 Nov 2002 at 17:41

    Just what I needed! Thank you very much!

  6. 22 Jul 2002 at 11:40
    Anyone just starting out coding HTML should read this. Clearly and logically presented. 100%.

    DotZip
  7. 19 Jul 2002 at 15:53

    This is awesome, please do a sequel because I really want to learn HTML. I usually use Dreamweaver or something but I want to stop being lazy!


    Please do a sequal

  8. 01 Jan 1999 at 00:00

    This thread is for discussions of Beginning HTML.

Leave a comment

Sign in or Join us (it's free).

Louis Rose

Related discussion

Related podcasts

  • Top Web Design Mistakes

    Pete LePage is Product Manager of Internet Explorer Developer Division and he doesn’t want your web site to stink. Sharing from his talk given at TechEd 2008, Pete highlights 10 common web design mistakes and tells you how you can bypass the same blunders. Pete also tells us how future features o...

We'd love to hear what you think! Submit ideas or give us feedback