Basic HTML Version

|  | Table of Contents |  | View Full Version

Page 63 - 2620_Birla Open Mind C-8
P. 63

    Take Off                                                        Century   #Creativity
                                                                                                     21 st
                                                                                                     Skills  #Communication
                          Name these tags:

                          1.  <BR>                                          2.  <P>

                          3.  <UL>                                          4.  <LI>

                          5.  <TR>                                          6.  <TD>

                     We generally have lots of images as a part of a web page. We also notice that all the web pages are
                     interlinked to each other. Sometimes, we see that a web page is divided into various sections. HTML
                     allows us to implement various functionalities in our web pages. In this chapter, we will learn about
                     some of these functionalities like 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 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 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 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%">

                        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>

                                                                                        #Images, Links & Frames in HTML5  61

| 58 59 60 61 62 63 64 65 66 67 68 |