Page 120 - iPro_trackGPT_V5_Class7
P. 120

10


                              More on HTML













                       Goal Glimpse

                          Inserting Images                                     Linking Web Pages

                          Adding Audio & Video                                 Frames
                          Forms in HTML5




                  We generally have lots of images as a part of 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 of these graphical elements are considered images on a web page.
                  HTML also allows us to insert images inside the web pages through the <IMG> tag. The <IMG>
                  tag is an empty tag and has various attributes.
                  The attributes of the <IMG> tag are:
                      Src: It specifies the source location or URL of the image to be inserted in the web page.
                     For example,

                    <IMG SRC="C:/Mydocuments/lily.jpg">
                     Width: It specifies the width of the image on the web page. For example,
                    <IMG SRC="lily.jpg" WIDTH="50%">
                     Height: It specifies the height of the image on the web page. For example,

                    <IMG SRC="lily.jpg" HEIGHT="60%">
                     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">

                  Let us use the <IMG> tag to insert an image on the web page in the following way:
                  <!DOCTYPE html>
                  <html>
                  <head>


                   118    TrackGPT iPRO (V5.0)-VII
   115   116   117   118   119   120   121   122   123   124   125