Downloading and Using Images
Web pages are pretty boring without images (and other multimedia files). In this lesson we will take a look at how to include images on your web page. To begin with you should be aware of the IMG tag and it's three most used attributes: src, height, and width. Look at the source for this page and find examples of this tag and attributes.
As you undoubtedly discovered while inspecting the source for this page, images can be resized. In fact, they can be resized in odd ways which distort the original image. As you probably realize, pixelation can be a problem when you enlarge an image.
Another thing that is worth pointing out is that attributes can normally be
included in any order within a tag. It does not matter if height, src, or
width are included in any particular order. Also height and width are
completely optional, although it's hard to imagine using the IMG tag without
the src attribute!
PICKY DETAILS: Your page must have a title, include twelve different images, and display them three per row so that they all appear to be the same size. The title and the images must relate to a single clear topic. For instance, any of the following topics would make perfect sense: buildings, leaves, cars, cats, cakes, houses, trees, or cows. Feel free to use a different topic.