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
   161   162   163   164   165   166   167   168   169   170   171