Page 56 - Modular_V1.1_Flipbook
P. 56

06                       IMAGES, LINKS AND


                                                                                    FRAMES IN HTML














                                     Your Aim

                                     to learn about:

                                         l    Inserting images              l    Creating marquee
                                           l    Linking web pages              l    Frames


                  The  websites  we  generally visit have  lots of images as part of the  web  page. We have  also
                  noticed that all the web pages are linked to 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, creating marquee, linking web pages,
                  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">





                  54      Touchpad MODULAR (Version 1.1)-IX
   51   52   53   54   55   56   57   58   59   60   61