Add an Image. index.html about.html contact. html contact. html.

5
Add an Image

Transcript of Add an Image. index.html about.html contact. html contact. html.

Page 1: Add an Image. index.html about.html contact. html contact. html.

Add an Image

Page 2: Add an Image. index.html about.html contact. html contact. html.

index.htmlindex.htmlabout.htmlabout.html

contact.htmlcontact.html

Page 3: Add an Image. index.html about.html contact. html contact. html.

1. You will need

• homepage.txt – renamed to index. html; and

• divers-circle.jpg

Image Tip

When using images in your website make sure that you get the name exactly right

Image Tip

When using images in your website make sure that you get the name exactly right

Page 4: Add an Image. index.html about.html contact. html contact. html.

• To add an image to your page:

• CODE:

• <img src=“image.jpg” alt=“describe image” width=“how wide” height =“how high” />

•inline element – should be contained in a block level element

Page 5: Add an Image. index.html about.html contact. html contact. html.

Insert this image into your index.html file

Ensure you include:• the alt attribute• the height attribute• the width attribute

divers-circle.jpg