DELHI PUBLIC SCHOOL, SRINAGAR
Question Bank.
Chapter: Web Development with HTML and CSS
Subject: Information Technology
Class: 7th
Name of the Student: _________________________ SID/Roll No. /Section: _______________
A. Multiple choice questions.
1. What does HTML stand for?
a) Hyper Tool Markup Language
b) HyperText Markup Language
c) HighText Machine Language
d) Hyperlink Text Markup Language
2. Which tag is used to define the title of a web page?
a) <body>
b) <title>
c) <head>
d) <h1>
3. Which tag contains the visible content of a webpage?
a) <html>
b) <head>
c) <body>
d) <title>
4. Which tag is used to move text to the next line?
a) <p>
b) <br>
c) <hr>
d) <li>
5. Which tag is used to make text bold?
a) <u>
b) <i>
c) <b>
d) <p>
6. Which input type is used for selecting one option only?
a) Checkbox
b) Radio button
c) Text field
d) Submit button
7. Which tag is used to create a form?
a) <input>
b) <button>
c) <form>
d) <select>
8. Which extension is commonly used to save HTML files?
a) .docx
b) .html
c) .jpg
d) .css
9. A tag that has both the start and end tag is called ____________________.
a) container tag
b) unpaired tag
c) nested tag
d) none of the above
10. HTML tags are generally:
a) Case sensitive
b) Not case sensitive
c) Numeric only
d) Hidden
11. Which symbol is used for comments in HTML?
a) // comment
b) /* comment */
c) <!-- comment -->
d) ## comment
12. Which tag is used for the largest heading in HTML?
a) <h6>
b) <head>
c) <h1>
d) <p>
13. Which tag is used to create a paragraph?
a) <para>
b) <p>
c) <pg>
d) <br>
14. Which tag is used to make text italic?
a) <i>
b) <b>
c) <u>
d) <emphasis>
15. Which tag is used to underline text?
a) <line>
b) <u>
c) <ul>
d) <und>
16. Which heading tag gives the smallest heading size?
a) <h1>
b) <h3>
c) <h6>
d) <h2>
[Link] in the blanks.
<br>
1. The __________ tag is used to insert a line break in HTML.
<center>
2. The _____________ tag is used to display text in the center.
attribute
3. Extra information added to an HTML tag is called an ______________.
nested
4. Placing one HTML element inside another is called ______________ elements.
color
5. The _______________ attribute is used to give color in the font tag.
<center>
6. The __________ tag is commonly used to center headings and text.
web form
7. A ___________________ is interactive in nature.
<ol> tag.
8. An ordered list starts with the ________
<li>
9. Each list item starts with the ________ tag.
<form> tag is used to design an interactive web form.
10. The ________
<input>
11. The ____________ tag is used to take input from the user.
type
12. The ________ attribute is used to define the type of input.
one
13. Radio button allows users to choose only ________ option from a set of options.
14. CSS stands for cascading style sheet
___________________________________________________.
selector
15. A CSS rule consists of ________________ declaration
and ________________.
selector
16. A _______________ refers to an html element used to apply a style.
:(colon)
17. The property name and value are separated by a ________________.
; (semicolon1)
18. Declarations are separated by ________________.
px
19. The term pixel is written as ________________.
C. Write True (T) or False (F):
1. The <body> tag contains visible webpage content. True
2. The <title> tag is placed inside the <body> [Link]
3. <html> is the root element of an HTML document. True
4. The <head> section contains the title information. True
5. HTML is a programming language. False
6. CSS is used to add style to web pages. True
7. Pixel means a small dot on the computer screen. True
8. Inline CSS is used for multiple web pages. False
9. Internal CSS is used for a single HTML document. True
10. External CSS can style many web pages. True
11. Property and value are separated by a semicolon. False
12. CSS helps beautify web pages. True
D. Name the property.
background-color
1. The property used to set the background colour of a web page is __________________________.
color
2. The property used to change the colour of text is ______________________.
text-align
3. The property used to align text (left, right, center, justified) is ____________________.
font-size
4. The property used to set the size of the text is ________________________.
margin
5. The property used to add space outside an HTML element is __________________.
margin-top,margin-bottom
margin-left,margin-right
6. The properties used to set spacing for top, bottom, left, and right sides are _________________.
float
7. The property used to move an element to the left or right side is ____________________.
padding
8. The property used to add space inside an HTML element is _____________________.
margin
9. The property that can take values in pixels or “auto” for spacing is ________.
F. Syntax based questions
1. To create a basic HTML document structure.
<html>
______________________________________________________________________________
<head>
______________________________________________________________________________
<title>My Webpage</title>
______________________________________________________________________________
</head>
______________________________________________________________________________
<body>
______________________________________________________________________________
</body>
</html>
______________________________________________________________________________
2. Add a title to a webpage.
<title>My Webpage</title>
______________________________________________________________________________
3. Insert a paragraph in HTML.
<p>This is a paragraph.</p>
______________________________________________________________________________
4. Add a heading of size 3.
<h3>Heading</h3>
______________________________________________________________________________
5. Insert an image with source "[Link]".
<img src="[Link]">
______________________________________________________________________________
6. Add a line break.
<br>
______________________________________________________________________________
7. Make text bold.
<b>Text</b>
______________________________________________________________________________
8. Display text in italics.
<i>Text</i>
______________________________________________________________________________
9. Create a text input field where a user can enter the name.
<input type="text" name="username">
______________________________________________________________________________
10. Create a submit button that allows the user to submit the form data.
<input type="submit" value="Submit">
______________________________________________________________________________
11. Create a radio button for selecting one option (e.g., gender: Male).
gender
______________________________________________________________________________
<input type="radio" name="gender" value="Male"> Male
______________________________________________________________________________
<input type="radio" name="gender" value="Female"> Female
______________________________________________________________________________
12. Apply inline CSS to change the text colour to red for a paragraph element.
<p style="color:red;">Text</p>
______________________________________________________________________________
13. Set the background colour to yellow for a <div> element using inline CSS.
<div style="background-color:yellow;">Content</div>
_______________________________________________________________________________________
14. Set the size of the font to 20px and align the text to center for a heading (<h2>) element using
inline CSS.
<h2 style="font-size:20px; text-align:center;">Heading</h2>
________________________________________________________________________________________
15. Align the text to the center for a paragraph element using inline CSS.
<p style="text-align:center;">Text</p>
________________________________________________________________________________________
16. Set the right margin to 200 px for a <div> element using inline CSS.
<div style="margin-right:200px;">Content</div>
________________________________________________________________________________________
17. Set the padding to 200px for a <div> element using inline CSS.
<div style="padding:200px;">Content</div>
________________________________________________________________________________________
[Link] and correct the errors.
1. <h1>Welcome</h2>
<p>Paragraph text</p>
<h1>Welcome</h1>
________________________________________________________________________________________
<p>Paragraph text</p>
________________________________________________________________________________________
2. <ol>
<li>Item 1
<li>Item 2
</ol>
<ol>
___________________________________________________________________________________________
<li>Item 1</li>
___________________________________________________________________________________________
<li>Item 2</li>
___________________________________________________________________________________________
</ol>
___________________________________________________________________________________________
3. <form>
<input type="text" name="username"
</form>
<form>
___________________________________________________________________________________________
<input type="text" name="username">
___________________________________________________________________________________________
</form>
___________________________________________________________________________________________
___________________________________________________________________________________________
4. <p style="color=blue;">Text</p>
<p style="color:blue;">Text</p>
___________________________________________________________________________________________
5. <div style:"background-color:yellow;">Content</div>
<div style="background-color:yellow;">Content</div>
___________________________________________________________________________________________
6. <p style="text align;center;">Text</p>
<p style="text-align:center;">Text</p>
___________________________________________________________________________________________
7. <div style=margin:10px 20px 30px 40px 50px;>Content</div>
<div style="margin:10px 20px 30px 40px;">Content</div>
___________________________________________________________________________________________
8. <p style="color:red font-size:16px;">Text</p>
<p style="color:red; font-size:16px;">Text</p>
___________________________________________________________________________________________