DELHI PUBLIC SCHOOL GHAZIABAD
SUBJECT – ICT
WORKSHEET– Introduction to HTML & More On CSS
GRADE – VII (2025-2026)
Section A – Multiple Choice Questions with Justification.
Choose the correct option and justify your answer in one line.
1. HTML is a __________.
a) Animation language
b) Markup language
c) Database language
d) Operating system
Justify:
2. Which tag is used to underline text?
a) <i>
b) <p>
c) <u>
d) <line>
Justify:
3. The correct way to write a comment in HTML is:
a) <!-- comment -->
b) // comment
c) /* comment */
d) # comment
Justify:
4. Which HTML version introduced <header>, <article>, <footer>?
a) HTML 2.0
b) HTML 3.2
c) HTML 4.01
d) HTML5.0
Justify:
5. Which property sets the spacing outside the border of an element?
a) border
b) margin
c) padding
d) spacing
Justify:
6. CSS allows you to apply a style to:
a) One webpage only
b) Multiple webpages at once
c) Only images
d) Only tables
Justify:
7. Which CSS property is used to set the background image?
a) background-img
b) background-image
c) image-background
d) bgimage
Justify:
8. Which CSS property is used to control the font size?
a) font-size
b) font-style
c) font-family
d) text-size
Justify:
9. Ritu wants to make all text in her webpage uppercase automatically
without retyping. Which property should she use?
a) text-decoration
b) text-transform
c) font-style
d) text-shadow
Justify:
10. Aarav wants to give a shadow effect to his heading in CSS.
Which property should he use?
a) box-shadow
b) text-shadow
c) font-shadow
d) heading-shadow
Justify:
11. A designer wants the background image of a webpage to remain
fixed while scrolling. Which property should he use?
a) background-attachment: scroll;
b) background-attachment: fixed;
c) background-position: center;
d) background-repeat: no-repeat;
Justify:
Section B – Fill in the Blanks
1. The <h1> tag represents the __________ level heading.
2. HTML uses __________ to describe the structure of a webpage.
3. The <i> tag is used to display text in __________ style.
4. CSS helps to separate __________ from presentation.
5. The property used to specify the typeface of text is __________.
6. The __________ property in CSS is used to specify italic or normal text.
7. The property background-position is used to define the __________ of a
background image.
8. The __________ property is used to add shadow to text.
Section C – True or False
1. The font-style property is used to change the style of the font to to
normal, italic ,oblique. (____)
2. CSS allows consistent design across multiple webpages. (____)
3. <u> tag is a text-level element. (____)
4. <hr style=”width:60%;background-color:green;height:10” is an
example of Internal style sheet. (____)
Section D – Short Answer Questions
1. Differentiate between text-level elements and block-level
elements with two examples each.
2. Write short notes on:
font-family
font-size
text-indent
3. Explain any two features of HTML5.0.
4. How can you apply a background image in CSS? Write the property
and its value.
5. Write CSS code to apply text-transform (uppercase) and text-
shadow (gray shadow) to a heading.
6. State any three benefits of using CSS in webpage designing.
Section E – Case-Based Studies
Case Study 1:
Megha is creating a webpage for her project. She wants:
Title: My Hobby (largest heading),
A paragraph describing her hobby. Paragraph of text size 30 px and
color green with yellow dashed border around paragraph.
A horizontal line between heading and paragraph.
Write the HTML code for Megha’s webpage.
Case Study 2:
Arjun wants to design a webpage with the heading “Go Green”. He wants:
Background image: nature.jpg, positioned at the top right,
Image should not repeat and remain fixed while scrolling,
Heading text should be italic, green-color, uppercase with
shadow.
Write the CSS code to achieve this.
Case Study 3:
Neha wants to design a styled paragraph on her webpage. She
requires:
Text should be underlined with text-decoration.
Font style should be italic, with a shadow effect in gray.
First line of the paragraph should have indentation of 50px.
Line height should be set to 1.8 for better readability.
A margin of 20px around the paragraph.
A solid blue border of 3px around the paragraph.
Write the CSS code for Neha’s paragraph.
Section F – Error Based Questions
Q1. (HTML )
Find and correct the error in the following code:
<html><head>
<title>Web page
</head>
<body>
<p><u><i>This is my text.</u></i></p>
</html>
Q2. (CSS Error )
Find the error in the CSS code:
h1 {
color: blue
font-size: 20px;
Q3. (CSS Error )
Find the error in the CSS code:
p{
text-colour: red; font-size: 16px;
Q4. (CSS Error)
Find the error in the CSS code:
<h1> {
color: green;
