Head First HTML with CSS

using urls with images
: it’s not just relative links anymore
The src attribute can be used for more than just relative links; you can also put a URL
in your src attribute. Images are stored on Web servers right alongside HTML pages, so
every image on the Web has its own URL, just like Web pages do.
You’ll generally want to use a URL for an image if you’re pointing to an image at a different
Web site (remember, for links and images on the same site, it’s better to use relative paths).
Here’s how you link to an image using a URL:
Sharpen your pencil
Here’s a “Sharpen your pencil” that is actually about pencils (oh, and images too). This exercise involves a bit of
trivia: Given a typical, brand-new pencil, if you drew one continuous line with it, using the entire pencil up, how
long would the line be?
What’s that got to do with images? To find the answer you’re going to have to write some HTML. The answer to
this trivia is contained in the image that is at the URL: http://www.headfirstlabs.com/trivia/pencil.gif. Your job is to
add an image to this HTML and retrieve the answer:
Sharpen your pencil trivia
How long a line can you draw with the typical pencil?
174 Chapter 5
To include an image using its URL,
just put the whole URL of the
image in the src attribute.
Put your image element here.
The URL is the path to the image,
so the filename at the end is always
the filename of an image. There’s
no such thing as a default image
like there is for Web pages.