Page 55 - Plus V4 with Adobe class 8
P. 55

Take Off                                                        Century   #Creativity
                                                                                            21 st
                                                                                            Skills  #Communication
                 Name these tags:

                 1.  <BR>                                           2.  <P>

                 3.  <UL>                                           4.  <LI>

                 5.  <TR>                                           6.  <TD>





            We generally have lots of images as a part of a web page. We also notice that all the web pages are
            interlinked with each other. Sometimes, we see that a web page is divided into various sections. HTML
            allows us to implement all these functionalities in our web pages. In this chapter, we will learn about
            inserting images, linking web pages, adding audio and video, and creating frames.


                 INSERTING IMAGES


            Images and other graphical elements such as drawings, paintings and charts enhance the look and feel
            of a web page. All these graphical elements are considered as image in the web page.
            HTML also allows us to insert images inside the web pages through the <IMG> tag. The <IMG> tag is a
            container tag and has various attributes.

            The attributes of the <IMG> tag are:

                Src: It specifies the source or URL of the image that has to be inserted in the web page. For example,

              <IMG SRC="C:/Mydocuments/lily.jpg">

                Width: It specifies the width of the image in the web page. For example,

              <IMG SRC="lily.jpg" WIDTH="50%">

                Height: It specifies the height of the image in the web page. For example,

              <IMG SRC="lily.jpg" HEIGHT="60%">

                Align: It aligns the image with respect to the text placed adjacent to the image. Image can be aligned
               left, right, middle, bottom and top. For example,

              <IMG SRC="lily.jpg" ALIGN="right">

                Border: It specifies the thickness of the border surrounding the image.

              <IMG SRC="lily.jpg" BORDER="2">

                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">



                                                                               #Images, Links & Frames in HTML5  53
   50   51   52   53   54   55   56   57   58   59   60