Understanding the Basics

Web Page Construction


	Basic Images
	<IMG SRC="url" ALT="alternate text" ALIGN=alignment> `sample13.html` <IMG SRC="http://www.ag.ohio-state.edu/~farmnet/ webdevelop/pink-mot.jpg" ALT="[A butterfly]"> What a beautiful butterfly! What am I suppose to see? Most browsers, including Netscape, can display in-line images that are in GIF or JPG format. Since each image takes time to process and slows down the initial display of the document, you should avoid having too many or overly large images. If the browser cannot display images, the text inside the ALT variable is displayed. In this example, the file is named `pink-mot.jpg` and is located in the `http://www.ag.ohio-state.edu/~farmnet/webdevelop/` path. If the browser did not support images, the text [A beautiful butterfly] would be displayed. What are my options? By default, the text is aligned with the bottom of the image. You can change this default by adding the ALIGN=alignment variable to your tag. The other possible values of alignment are: ALIGN=TOP Aligns the first line of text with the top of the image, but all subsequent lines are below the image. ALIGN=MIDDLE Aligns the first line of text with the middle of the image, but all subsequent lines are below the image. Most browsers support additional alignment options as well as image maps.

	HTML Lessons \| Web Basics \| Farming the Net



	http://www.ag.ohio-state.edu/~farmnet/ Ohio State University Extension©1999 disclaimer