Images
When used effectively, images help make web content more interesting, more attractive, and, in the case of meaningful illustrations, easier to understand. When used less effectively, images can detract from the overall effect by cluttering the page with distracting visual information.
Images in web pages are not actually "in" the web page. The web page contains a link to the image. Web browsers find the image based on the link, then insert the image in the page. The main components of the image element are:
src(source)height(in pixels)width(in pixels)alt(alternative text for screen readers or for when images are turned off)
A basic image element looks something like this:
<img src="someimage.jpg" height="348" width="290" alt="A bottle of homemade jam" />
Images are self-closing elements. There is no such thing as a closing </img>
tag. Instead, the closing slash ( / ) is included at the end of the element.
Images are inline elements, which means they can appear within paragraphs or other block level elements. If you want the image to appear by itself, you should place it alone in the appropriate block level element. You may also use Cascading Style Sheets (CSS) to alter the way images are placed within the document.
This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 2.5 License.