Page 55 - Trackpad_V4.0_C8_Flipbook
P. 55

I have also added links on each product's image                              You mean, you have added
                     which connect to their detailed web page.                                    hyperlinks too. Nice!

























                  Test Your Knowledge                                                          21 st  Century   #Creativity
                                                                                                  Skills
                                                                                                       #Communication
                   Name the following tags:

                   1.  <BR>                                          2.  <P>

                   3.  <UL>                                          4.  <LI>

                   5.  <TR>                                          6.  <TD>





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


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