Web Design Proficiency Quiz
Question 1: HTML Structure
Which element is used to define the structure of an HTML document?
- A) <html>
- B) <head>
- C) <body>
- D) <div>
- Answer: A) <html>
Question 2: CSS Box Model
Which CSS property does NOT belong to the CSS box model?
- A) margin
- B) padding
- C) border
- D) color
- Answer: D) color
Question 3: JavaScript Data Types
Which is NOT a data type in JavaScript?
- A) string
- B) number
- C) boolean
- D) element
- Answer: D) element
Question 4: Responsive Design
What is the purpose of the viewport meta tag in HTML?
- A) To link CSS files
- B) To enable scripting
- C) To control layout on mobile browsers
- D) To define character encoding
- Answer: C) To control layout on mobile browsers
Question 5: CSS Flexbox
What does justify-content do in a flex container?
- A) Aligns items vertically
- B) Aligns items horizontally
- C) Changes the direction of items
- D) Adjusts the flex-basis
- Answer: B) Aligns items horizontally
Question 6: HTML Semantic Tags
Which tag is best for the main content of a document?
- A) <main>
- B) <content>
- C) <body>
- D) <section>
- Answer: A) <main>
Question 7: JavaScript Events
Which event fires when the document has been completely loaded?
- A) onload
- B) DOMContentLoaded
- C) onready
- D) oncomplete
- Answer: B) DOMContentLoaded
Question 8: CSS Preprocessors
Which tool is a CSS preprocessor?
- A) SASS
- B) jQuery
- C) Angular
- D) React
- Answer: A) SASS
Question 9: HTML Forms
To collect email addresses in a form, which input type is most appropriate?
- A) text
- B) email
- C) mail
- D) user-email
- Answer: B) email
Question 10: JavaScript Debugging
How do you write a message to the browser’s console?
- A) console.log(“message”);
- B) print(“message”);
- C) echo(“message”);
- D) log.console(“message”);
- Answer: A) console.log(“message”);
Web Design Proficiency Quiz
TEST YOUR KNOWLEDGE Quiz
Web Design Fundamentals
Web Design Proficiency Quiz
Question 1: HTML Structure
Which element is used to define the structure of an HTML document?
- A) <html>
- B) <head>
- C) <body>
- D) <div>
- Answer: A) <html>
Question 2: CSS Box Model
Which CSS property does NOT belong to the CSS box model?
- A) margin
- B) padding
- C) border
- D) color
- Answer: D) color
Question 3: JavaScript Data Types
Which is NOT a data type in JavaScript?
- A) string
- B) number
- C) boolean
- D) element
- Answer: D) element
Question 4: Responsive Design
What is the purpose of the viewport meta tag in HTML?
- A) To link CSS files
- B) To enable scripting
- C) To control layout on mobile browsers
- D) To define character encoding
- Answer: C) To control layout on mobile browsers
Question 5: CSS Flexbox
What does justify-content do in a flex container?
- A) Aligns items vertically
- B) Aligns items horizontally
- C) Changes the direction of items
- D) Adjusts the flex-basis
- Answer: B) Aligns items horizontally
Question 6: HTML Semantic Tags
Which tag is best for the main content of a document?
- A) <main>
- B) <content>
- C) <body>
- D) <section>
- Answer: A) <main>
Question 7: JavaScript Events
Which event fires when the document has been completely loaded?
- A) onload
- B) DOMContentLoaded
- C) onready
- D) oncomplete
- Answer: B) DOMContentLoaded
Question 8: CSS Preprocessors
Which tool is a CSS preprocessor?
- A) SASS
- B) jQuery
- C) Angular
- D) React
- Answer: A) SASS
Question 9: HTML Forms
To collect email addresses in a form, which input type is most appropriate?
- A) text
- B) email
- C) mail
- D) user-email
- Answer: B) email
Question 10: JavaScript Debugging
How do you write a message to the browser’s console?
- A) console.log(“message”);
- B) print(“message”);
- C) echo(“message”);
- D) log.console(“message”);
- Answer: A) console.log(“message”);