Chapter 1: Advanced Web Designing

Extended Practice Questions (Doubled)

Chapter 1: Advanced Web Designing - Extended Practice Ques-

tions (Doubled)
1. Fill in the Blanks (40 Questions)
1. The language used to structure web pages is called .
Answer: HTML
2. The latest version of HTML is .
Answer: HTML5
3. CSS stands for .
Answer: Cascading Style Sheets
4. The element used to define internal CSS is .
Answer: <style>
5. An external CSS file is linked using the tag.
Answer: <link>
6. The attribute used to specify the character encoding in HTML is .
Answer: charset
7. The input element that provides a color picker is .
Answer: <input type="color">
8. The input element used for selecting a date is .
Answer: <input type="date">
9. The input element for email addresses is .
Answer: <input type="email">
10. The <meta> tag is used to define about a webpage.
Answer: metadata
11. The CSS property to change text color is .
Answer: color
12. The CSS property to set an element’s background color is .
Answer: background-color
13. The CSS property used to adjust the font size is .
Answer: font-size
14. The HTML tag used to display an image is .
Answer: <img>

1
15. The attribute that provides alternative text for an image is .
Answer: alt

16. The HTML element used to create a hyperlink is .

Answer: <a>
17. The HTML element that creates an unordered list is .
Answer: <ul>
18. The HTML element that creates an ordered list is .
Answer: <ol>
19. The tag used to represent each item in a list is .
Answer: <li>

20. The CSS property to center-align text is .

Answer: text-align: center;
21. The new semantic element in HTML5 for the top section is .
Answer: <header>
22. The HTML5 element for the bottom section is .
Answer: <footer>
23. The semantic element used for navigation is .
Answer: <nav>
24. The HTML element used to define a thematic grouping of content is .
Answer: <section>

25. The CSS property that adds space inside an element is .

Answer: padding
26. The CSS property that adds space outside an element is .
Answer: margin
27. The HTML tag used to embed video content is .
Answer: <video>
28. The HTML tag used to embed audio content is .
Answer: <audio>

29. The attribute used to specify the source file for audio is .
Answer: src
30. The CSS property used to set the width of an element is .
Answer: width
31. The CSS property used to set the height of an element is .
Answer: height
32. The property used to control the spacing between letters in CSS is .
Answer: letter-spacing

33. The CSS property to add a border around an element is .

Answer: border

2
 34. The HTML element used for inline styling is .
Answer: <span>

35. The attribute that automatically focuses an input element on page load is .
Answer: autofocus
36. The input element type that allows users to upload files is .
Answer: <input type="file">
37. The HTML tag that embeds JavaScript code is .
Answer: <script>
38. The attribute used in the <script> tag to specify an external file is .
Answer: src

39. The CSS selector that targets all elements is called the selector.
Answer: Universal (*)
40. The CSS property that sets text to bold is .
Answer: font-weight: bold;

2. True or False (28 Statements)

1. HTML stands for HyperText Markup Language.
Answer: True

2. CSS is used to structure the content of web pages.

Answer: False (CSS is used for styling; HTML structures the content)
3. HTML5 introduced new semantic elements like <header>, <footer>, and <nav>.
Answer: True
4. The <link> tag is used to include external JavaScript files.
Answer: False (It is used to link CSS files)
5. Inline CSS is applied using the style attribute within an HTML element.
Answer: True

6. The <meta> tag displays content on the webpage.

Answer: False (It provides metadata for search engines and browsers)
7. The <input type="color"> element provides a color picker.
Answer: True
8. The <input type="date"> element allows users to select a date from a calendar.
Answer: True
9. The <video> tag can embed video content without requiring third-party plugins.
Answer: True

10. The <audio> tag requires Flash to play audio.

Answer: False
11. CSS stands for Creative Style Sheets.
Answer: False (It stands for Cascading Style Sheets)

3
12. The <ol> tag creates an ordered list, while <ul> creates an unordered list.
Answer: True

13. The <li> tag is used to define list items in both ordered and unordered lists.
Answer: True
14. The CSS property background-color sets the background image of an element.
Answer: False (It sets the background color)
15. The <section> element is a new semantic element in HTML5 used to group related content.
Answer: True
16. The <header> element is used exclusively for website titles.
Answer: False

17. The <script> tag can be placed in both the <head> and <body> sections.
Answer: True

18. The CSS property margin adds space outside an element’s border.
Answer: True
19. The CSS property padding adds space inside an element’s border.
Answer: True
20. The universal selector (*) in CSS applies styles to all elements on a page.
Answer: True
21. The <iframe> tag is used to embed another HTML document within the current page.
Answer: True

22. An <a> tag without an href attribute does not create a hyperlink.
Answer: True
23. The <nav> element is specifically designed for navigation links.
Answer: True
24. The <table> tag is used for layout purposes in modern web design.
Answer: False (It is used for tabular data)
25. The <input type="email"> element provides basic validation for email addresses.
Answer: True

26. The <input type="file"> element allows users to select and upload files.
Answer: True
27. The <meta> tag can be used to define viewport settings for mobile devices.
Answer: True
28. CSS can be used to create animations and transitions.
Answer: True

4
3. Match the Pair (4 Tables)
1. Table 1: HTML Structural Elements

Term Definition
A. <header> 1. Defines the top section of a webpage
B. <footer> 2. Defines the bottom section of a webpage
C. <nav> 3. Contains navigation links
D. <section> 4. Groups related content

Answer: A-1, B-2, C-3, D-4.

2. Table 2: CSS Properties

Term Definition
A. color 1. Sets the text color
B. background-color 2. Sets the background color
C. font-size 3. Sets the size of the font
D. margin 4. Adds space outside an element

Answer: A-1, B-2, C-3, D-4.

3. Table 3: HTML Input Types

Term Definition
A. <input type="date"> 1. Provides a date picker
B. <input type="email"> 2. Validates email format
C. <input type="file"> 3. Allows file uploads
D. <input type="color"> 4. Provides a color picker

Answer: A-1, B-2, C-3, D-4.

4. Table 4: Additional HTML Elements

Term Definition
A. <article> 1. Represents a self-contained composition
B. <aside> 2. Contains tangentially related content
C. <figure> 3. Encapsulates media with a caption
D. <figcaption> 4. Provides a caption for a figure

Answer: A-1, B-2, C-3, D-4.

4. Single Correct Answer (MCQ) (12 Questions)

1. Which tag is used to display an image?
A. <img>
B. <picture>
C. <image>
D. <src>
Answer: A. <img>
2. What is the correct HTML5 doctype declaration?
A. <!DOCTYPE html5>
B. <!DOCTYPE html>
C. <!DOCTYPE HTML5>
D. <!HTML5>
Answer: B. <!DOCTYPE html>

5
3. Which CSS property is used to change the font style?
A. font-weight
B. font-style
C. text-style
D. style
Answer: B. font-style
4. What is the correct syntax to change the text color of a paragraph to red in CSS?
A. {color: red;}
B. p {color: red;}
C. p {text-color: red;}
D. p {font-color: red;}
Answer: B. p {color: red;}
5. Which HTML element is used to define a navigation bar?
A. <nav>
B. <navbar>
C. <navigation>
D. <menu>
Answer: A. <nav>
6. Which attribute provides a unique identifier for an HTML element?
A. class
B. id
C. style
D. unique
Answer: B. id
7. Which input type is used for entering telephone numbers?
A. number
B. tel
C. text
D. phone
Answer: B. tel
8. Which tag adds a line break in HTML?
A. <br>
B. <lb>
C. <break>
D. <newline>
Answer: A. <br>
9. Which element defines a paragraph in HTML?
A. <p>
B. <paragraph>
C. <para>

6
 D. <text>
Answer: A. <p>
10. Which CSS property is used to change an element’s background color?

A. color
B. background-color
C. bg-color
D. background

Answer: B. background-color
11. Which HTML attribute specifies the source of an image?
A. src
B. href
C. link
D. ref
Answer: A. src
12. Which tag is used to embed JavaScript in an HTML document?

A. <js>
B. <script>
C. <code>
D. <javascript>

Answer: B. <script>

5. Two Correct Answers (MCQ) (8 Questions)

1. Which two of the following are HTML5 semantic elements?

A. <header>
B. <div>
C. <footer>
D. <span>
E. <section>
Answer: A. <header> and C. <footer>
2. Which two CSS properties are used to add space inside and outside an element?
A. padding
B. margin
C. border
D. outline
E. spacing

Answer: A. padding and B. margin

3. Which two input types in HTML5 are used for capturing date and time?
A. date
B. time
C. datetime

7
 D. calendar
E. timestamp
Answer: A. date and B. time

4. Which two attributes are used in the <img> tag?

A. alt
B. src
C. href
D. title
E. value
Answer: A. alt and B. src
5. Which two methods are used to include external CSS in an HTML document?

A. External
B. Linked
C. Embedded
D. Inline
E. Internal
Answer: A. External and B. Linked
6. Which two tags are used to create lists in HTML?
A. <ul>
B. <ol>
C. <li>
D. <list>
E. <dl>

Answer: A. <ul> and B. <ol>

7. Which two HTML5 structural elements are used to define distinct sections of content?
A. <section>
B. <article>
C. <div>
D. <span>
E. <header>
Answer: A. <section> and B. <article>

8. Which two CSS units are commonly used for specifying lengths?
A. px
B. em
C. cm
D. kg
E. sec
Answer: A. px and B. em

8
6. Three Correct Answers (MCQ) (8 Questions)
1. Which three features were introduced in HTML5?

A. <video> tag
B. <audio> tag
C. <center> tag
D. Semantic elements
E. <font> tag
F. <canvas> element
Answer: A. <video>, B. <audio>, and F. <canvas>
2. Which three benefits does CSS offer?
A. Separation of content and design
B. Faster page loading
C. Consistent styling across pages
D. Increased HTML complexity
E. Ease of maintenance
F. Improved accessibility
Answer: A. Separation of content and design, C. Consistent styling across pages, and E. Ease of
maintenance
3. Which three selectors are commonly used in CSS?

A. Class selector
B. ID selector
C. Universal selector
D. Name selector
E. Attribute selector
F. Inline selector
Answer: A. Class selector, B. ID selector, and C. Universal selector
4. Which three technologies are commonly used to add interactivity to web pages?

A. JavaScript
B. PHP
C. jQuery
D. CSS
E. HTML
F. SQL
Answer: A. JavaScript, B. PHP, and C. jQuery
5. Which three attributes provide additional information to search engines?
A. meta
B. title
C. alt
D. keywords
E. description
F. src

9
 Answer: A. meta, D. keywords, and E. description
6. Which three HTML5 input types are new compared to previous versions?
A. color
B. date
C. email
D. password
E. file
F. image
Answer: A. color, B. date, and C. email
7. Which three CSS properties help control layout?
A. display
B. position
C. float
D. border
E. margin
F. padding

Answer: A. display, B. position, and C. float

8. Which three elements are essential for responsive web design?
A. Media queries
B. Flexible grids
C. Responsive images
D. Fixed layouts
E. Flash animations
F. CSS frameworks

Answer: A. Media queries, B. Flexible grids, and C. Responsive images

10