TEST YOUR KNOWLEDGE Quiz
Interactive Quiz for Web Designers
Are you ready to put your skills to the test? We’ve just launched an exciting quiz designed to challenge and sharpen your knowledge on #HTML, #CSS, and #JavaScript. 🎨💻
Why Take This Quiz?
- 🧠 Test your understanding of web design fundamentals.
- 📈 Identify areas where you can improve.
- 🤝 Connect with peers and compare your results.
Quiz Topics Include:
- Semantic HTML and modern web elements
- Advanced CSS styling and Flexbox
- JavaScript fundamentals and ES6 features
- Responsive design principles
Dive in now to see how you fare and keep the learning going! 🌟
Question 1: HTML Elements
What is the purpose of the <aside> element in HTML5?
- A) To define a navigation list
- B) To mark up a sidebar related to the surrounding content
- C) To highlight text
- D) To insert an image
- Answer: B) To mark up a sidebar related to the surrounding content
Question 2: CSS Properties
Which property changes the color of text in CSS?
- A) color
- B) text-color
- C) font-color
- D) background-color
- Answer: A) color
Question 3: JavaScript Functions
How do you declare a function named “displayMessage” in JavaScript?
- A) function = displayMessage() {}
- B) function displayMessage() {}
- C) var displayMessage = function() {}
- D) B) and C) are correct
- Answer: D) B) and C) are correct
Question 4: Responsive Web Design
Which meta tag is used to control the viewport’s size and scale?
- A) <meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
- B) <meta name=”responsive” content=”true”>
- C) <meta name=”scale” content=”auto”>
- D) <meta name=”width” content=”device-width”>
- Answer: A) <meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
Question 5: CSS Flexbox
What CSS property aligns items horizontally in a flex container?
- A) align-items
- B) justify-content
- C) flex-wrap
- D) align-content
- Answer: B) justify-content
Question 6: HTML Semantic Markup
Which tag is best suited for the main content of a webpage?
- A) <main>
- B) <section>
- C) <article>
- D) <div>
- Answer: A) <main>
Question 7: JavaScript Async/Await
What is used in front of a function to make it return a promise?
- A) async
- B) await
- C) defer
- D) promise
- Answer: A) async
Question 8: CSS Selectors
How do you select all <p> elements inside a <div>?
- A) div + p
- B) div p
- C) div > p
- D) div.p
- Answer: B) div p
Question 9: HTML Forms
Which input type creates a multiline text input field?
- A) text
- B) textarea
- C) email
- D) multiline
- Answer: B) textarea
Question 10: JavaScript Data Types
Which of the following is a JavaScript data type?
- A) element
- B) object
- C) method
- D) function
- Answer: B) object