Basic HTML Version

|  | Table of Contents |  | View Full Version

Page 109 - CodePilot V5.0 C7
P. 109

    21 st
                     COMPETENCY-BASED QUESTIONS                                                   Century   #Critical Thinking
                                                                                                   Skills  #Technology Literacy
                     1.   Srishti is developing a web page. She wants to include some images and media in it. Write code to help
                        her with the following tasks:
                        (a)   To set the size of the image “scream.png” to 250 pixels wide and 400 pixels tall using CSS.
                        (b)  To add an image “smiley.gif”.

                     2.  Ishaan is creating a website which needs to display a set of options which hyperlink
                        to different paragraphs within the same web page. Which type of hyperlink does
                        he need?

                                  LAB LEARNING                                             21 st   #Creativity
                                                                                          Century
                                                                                           Skills  #Technology Literacy
                            1.  Create a web page in HTML5 with a short description of four different musical instruments
                                (Guitar, Piano, Violin and Drums) along with their images. With each instrument add a
                                sample audio of music played on that instrument. Customise the page with CSS: Change
                                the background colour to #f4f4f4, text colour for <H1> to #4CAF50 and <H2> to #2C6A4D.

                            2.  Create a web page about Endangered Species of Animals in India. Search the Internet
                                and add supporting images and text about the Royal Bengal Tiger, Indian Elephant and
                                Indian Rhinoceros. The images of the animals should be clickable, with the <IMG> tag to
                                display them nested inside an <A> tag, linking to the page of that animal. Change the
                                background colour of the page to #f4f4f4 and set the text colour to #2e8b57 for headings
                                and descriptions.

                                                                                                                      107
                                                                                               Making Web Pages Alive

| 104 105 106 107 108 109 110 111 112 113 114 |