Page 166 - Web Applications (803) Class 11
P. 166
<a href= "mailto:info@orangeeducation.in"> Send an email </a>
</body>
</html>
2.8 HTML IMAGES
An image is embedded in an HTML page using the <img> tag. Images are linked to web pages rather than being
physically put into them. The <img> tag produces a placeholder for the picture that is being referred. Two attributes
are required for the <image> tag:
Ð Ðsrc: Defines the image's location.
Ð Ðalt: Provides an alternative text for the image if it can't be displayed for some reason.
Always give the image's width and height as well. The page may flicker while the image loads if the width and height
are not provided.
Example:
<img src="flower.jpg" alt="Red Rose" width="500" height="450">
To make your webpage more attractive, you can also change the alignment of an image.
The following are the five types of alignment that can be used on an image:
Ð ÐLeft Ð ÐTop Ð ÐMiddle
Ð ÐRight Ð ÐBottom
Images are orientated to the left by default. The image with top and bottom alignment will be placed at the top or
bottom of the line, respectively.
Let us use the <IMG> tag to insert an image on the web page in the following way:
<HTML>
<HEAD> <TITLE> Inserting Image </TITLE>
</HEAD>
<BODY>
<B> Inserting image on the web page </B>
<IMG SRC="lily.jpg"
WIDTH="200px"
HEIGHT="200px"
ALIGN="right"
BORDER="2">
</BODY>
</HTML>
164 Touchpad Web Applications-XI

