Page 67 - TP-Play_V-2.0_Book-8
P. 67

IMAGES, LINKS AND

               07                                                           FRAMES IN HTML5














                    Your Aim


                    to learn about:
                        l  Inserting Images                      l  Linking Web Pages
                            Adding Audio & Video                    l  Frames
                         l
                              Creating Forms in HTML
                           l


            The websites we generally visit have lots of images as part of the 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, 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">

                                                                    Images, Links and Frames in HTML5        67
   62   63   64   65   66   67   68   69   70   71   72