Page 95 - ClickGPT V4.0 C-5
P. 95
Alt: It specifies the alternate text to be displayed in the web browser, if the provided image is not
found. For example,
<IMG SRC="lily.jpg" ALT="Describing the flower">
Let us use the <IMG> tag to insert an image on the web page in the following way:
<!DOCTYPE html>
<html>
<head>
<title>Inserting Image</title>
</head>
<body>
<b>Inserting image on the web
page</b>
<img src="lily.jpg" width="200"
height="200" style="float: right;
border: 2px solid black;">
</body> Image inserted with border
</html>
Make sure to save the image you want to insert on the web page in the same location as your HTML
file. If we want to insert an image from any other location, we need to provide the complete path of the
image to the SRC attribute. For example, if our image is saved in the D: drive of computer, then the path
of the image will be D:\lily.jpg.
Factbot
Some of the image formats supported by HTML are Joint Photographic Experts Group (JPEG), Graphics
Interchange Format (GIF) and Portable Network Graphics (PNG).
Topic Flashback 21 st Century
Skills #Information Literacy
Write any three attributes of <IMG> tag.
Art Integration Learning
Lab Activity
Create a web page that has images related to Dance forms. Find relevant images from the Internet and use
them on your web page.
Images, Links & Frames in HTML5 93
