Basic HTML Version

|  | Table of Contents |  | View Full Version

Page 95 - ClickGPT V4.0 C-5
P. 95

    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>
                         <title>Inserting Image</title>
                     </head>

                     <body>
                         <b>Inserting image on the web
                     page</b>
                         <img src="lily.jpg" width="200"
                     height="200"  style="float:  right;
                     border: 2px solid black;">
                     </body>                                                          Image inserted with border

                     </html>
                     Make sure to save the image you want to insert on the web page in the same location as your HTML
                     file. If we want to insert an image from any other location, we need to provide the complete path of the
                     image to the SRC attribute. For example, if our image is saved in the D: drive of computer, then the path
                     of the image will be D:\lily.jpg.

                              Factbot

                       Some of the image formats supported by HTML are Joint Photographic Experts Group (JPEG), Graphics
                       Interchange Format (GIF) and Portable Network Graphics (PNG).

                             Topic Flashback                                                   21 st  Century
                                                                                                   Skills  #Information Literacy

                           Write any three attributes of <IMG> tag.

                              Art Integration Learning
                                                                                                             Lab Activity

                       Create a web page that has images related to Dance forms. Find relevant images from the Internet and use
                       them on your web page.

                                                                                     Images, Links & Frames in HTML5   93

| 90 91 92 93 94 95 96 97 98 99 100 |