Page 109 - CodePilot V5.0 C7

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