HTML & CSS: Images
This webpage does a nice job of explaining how images work in HTML and CSS. Have a look at it.
You can use the CSS property float to cause an image to display to either the left or the right on a page. You will see float in the example below. It is also possible to clear text from the side of an image by using the clear property; this is also shown in the example below. Note that the final paragraph does not appear beside the image, but below it.
- Find an image you'd like to include in your webpage. Use the ALT attribute. Use CSS to set the image's width and height.
- Include this image a second time, this time changing its width and height.
- Use the image a third time, close to some text, setting the CSS float property to 'left.'
- Use the image a fourth time, close to some text, setting the CSS float property to 'right.'
- Use the image a fifth time, close to some text, setting the CSS clear property to 'both.'
- Include a second image without downloading it. Use the image's URL in the src attribute of the img tag.
- Include a third image that is an animated GIF.