Unit
Web App Development with
HTML and CSS 8
Answer Key
1
Simple Web Page
(Pg 108)
1. Fill in the blanks using the terms from the help box.
(a) A web page is displayed in a web browser.
(b) A web browser is an application used to access a website.
(c) A website is a collection of webpages.
2. Tick(✓)the correct options.
(a) Which of the following language is used to create a web page?
(i) HTML (ii) Scratch (iii) Both(i)and(ii)
(b) Which tag is used to display the main content of an HTML document in a
web browser window?
(i)<head> (ii)<title> (iii)<body>
3. Think about the questions you want to include in your quiz. How do you want
your web page to appear? Use the given space to write the text the way you
want it to appear in a web browser.
Note: Write any two questions.
Quiz
What is the full form of HTML?
(a)Hyper Text Markup Language
(b)Hyperlink and Text Markup Language
Which of the following is a collection of web pages?
1
4. Match the following.
5. Look at the HTML code given below. Help Samar number the tags in the
correct sequence to create a simple web page as shown. Write the code in
the correct order in the given box.
9
2
5
3
4
8 <html>
<head>
6
</head>
<body>
</body>
</html>
2
Design a Web Form
(Pg 112)
1. Label the HTML elements shown in the web form below using the terms in the
help box.
2
2. Identify the errors, circle them, and write the corrections in the given blanks.
<ol>
</li>
</ol>
3. Arrange and write the following tags in the given box to make a radio input
statement in HTML.
(a) name="option one“ (b) value="CSS“ (c) input type="radio"
input type="radio“ name="option one“ value="CSS"
4. Look at the following HTML code and determine whether the statement given below is
true or false. If false, correct the statement.
(a) name="option one“ (b) value="CSS“ (c) input type="radio"
The above code is used to create an input text field.
The given statement is false.
Correct statement: The above code is used to define a clickable button.
3
Add CSS (Cascading Style Sheet)
(Pg 115)
1. Read the following sentences and categorise them as HTML statements or CSS
statements. Write ‘HTML’ or ‘CSS’ next to them accordingly.
3
2. Identify the given statements as inline, internal, or external CSS
(a) The style definition is added in the head section of the page. Internal CSS
(b) The extension of this style sheet file is '.css’. External CSS
(c) It uses the style attribute along with the concerned tag. Inline CSS
3. Complete the given code using appropriate attributes and values. Choose the
options from the help box to get the output shown below.
background-color
style
color
Questions (Pg 119)
1. Tick(✓) the correct options.
(a) Which of the following is the correct sequence of tags for creating a
webpage?
(i) HTML, Body, Title, Head
(ii) Head, Title, HTML, Body
(iii) HTML, Title, Head, Body
(iv) HTML, Head, Title, Body
4
(b) Which of the following HTML elements can be used to select more than
one option?
(i) Radio button (ii) Checkbox
(iii) Button (iv) Text
(c) Which of the following tags is used to define clickable buttons on a web
form?
(i)<form> (ii)<input>
(iii)<br> (iv)<h2>
2. Identify the selector, the declaration, the property, and the value in the given CSS
code snippet.
Property
3. Samar wants to use HTML and CSS
to create the web page shown
below. Fill in the blanks in the
following code to help Samar create
the web page.