HTML and CSS Reference
Uh, I don't mean to be
rude, but we're on the eighth
page of the IMAGES chapter and
you STILL haven't introduced me!
JPEG, PNG, GIF, blah, blah, blah…
could you get on with it?
< i m g >
And now for the formal introduction: meet
the <img> element.
We've held off on the introductions long enough. As you can see,
there's more to dealing with images than just the HTML markup.
Anyway, enough of that for now…it's time to meet the <img>
Let's start by taking a closer look at the element (although you've
probably already picked up on most of how <img> works by now):
The <img> element is an inline
element. It doesn't cause
linebreaks to be inserted before
or after it.
So, is that it? Not quite. There are a couple of attributes you'll
want to know about. And of course you'll also want to know how
to use the <img> element to reference images on the Web that
aren't on your own site. But really, you already know the basics of
using the <img> element.
Let's work through a few of the finer points of using the <img>
element, and then put all this knowledge to work.