Page 75 - TP_Play_V2.1_class8
P. 75

IMAGES, LINKS AND FRAME
                    07                                                                            IN HTML5
















                           to learn about:

                                  Inserting Images                          Linking Web Pages
                                   Adding Audio and Video                     Frames
                                   Forms in HTML5





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




                                                                          Images, Links and Frame in HTML5        73
   70   71   72   73   74   75   76   77   78   79   80