Compiled by ackoo Inserting images into a webpage

Compiled by ackoo Images in a web page Images can be used in web page for: –background image (background for html doc or table cell. –foreground image, which you can create links (hyperlink) for it.

Compiled by ackoo How to insert image as background image? Click and view this link.link Do you see an image (purple vertical stripes) used as background? What is the code to insert a background image? (You have seen the code in the previous lesson)

Compiled by ackoo How to insert image as the contents for a webpage? Click and view this link.link Do you see two images (with hand and fingers) used as the contents for the webpage? What is the code to insert these images? Answer is…

Compiled by ackoo How to insert image as the contents for a webpage? What is the code to insert these images? Answer is… <img src="guitar.jpg" width="200" height="144" alt="Bob Baker's blues guitar">

Compiled by ackoo tag Or tag for XHTML strict tag. It’s an empty / standalone tag. TagAttributesFunction src=“photo1.jpg” src=“images/photo1.jpg” alt=“this is the first photograph” width=“200” Height=“300” To indicate the url or source of the image. To to define an "alternate text" for an image. To define the width and the height of the image.

Compiled by ackoo tag Q & A: What if the image is store in the “images” folder of your website? Can you load it to your webpage? Can you load an image from the Internet to your webpage? Answer? Try this example.Try this example