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.](https://reader036.fdocuments.us/reader036/viewer/2022072015/56649edb5503460f94bea4dc/html5/thumbnails/1.jpg)
Add an Image
![Page 2: Add an Image. index.html about.html contact. html contact. html.](https://reader036.fdocuments.us/reader036/viewer/2022072015/56649edb5503460f94bea4dc/html5/thumbnails/2.jpg)
index.htmlindex.htmlabout.htmlabout.html
contact.htmlcontact.html
![Page 3: Add an Image. index.html about.html contact. html contact. html.](https://reader036.fdocuments.us/reader036/viewer/2022072015/56649edb5503460f94bea4dc/html5/thumbnails/3.jpg)
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.](https://reader036.fdocuments.us/reader036/viewer/2022072015/56649edb5503460f94bea4dc/html5/thumbnails/4.jpg)
• 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.](https://reader036.fdocuments.us/reader036/viewer/2022072015/56649edb5503460f94bea4dc/html5/thumbnails/5.jpg)
Insert this image into your index.html file
Ensure you include:• the alt attribute• the height attribute• the width attribute
divers-circle.jpg