Greetings readers, presenting you today is the HTML CSS quiz for Web developers. This quiz contains 20 basic questions to test your HTML and CSS skills.
Any web developer or web designer who has started working on HTML and CSS projects can try this quiz. It’ll not only help to improve basic understanding of HTML and CSS knowledge but reveal those gaps that are hard to find.
Those who are working on web projects like the creation of WordPress themes can also choose to attempt this HTML CSS quiz.
Next, we are going to publish more interesting HTML5/CSS quizzes in the days to go. There you’ll see an extended version of the CSS quiz with questions having moderate to higher complexity level.
So stay tuned for the next amazing CSS practice test. Now go ahead and see how you score in this quiz.
HTML CSS Quiz for Web Developers
0 of 20 questions completed
|Note – This HTML CSS Quiz includes 20 questions for Web Developers and Designers. We suggest to please answer each question with self-confidence. Now click the “Start Quiz” button to begin.|
You have already completed the quiz before. Hence you can not start it again.
Quiz is loading...
You must sign in or sign up to start the quiz.
You have to finish following quiz, to start this quiz:
0 of 20 questions answered correctly
Time has elapsed
You have reached 0 of 0 points, (0)
Hopefully, you have enjoyed the HTML CSS Quiz. Please do share this post on facebook, twitter and other social media platforms of your choice.
1. Question10 points
In CSS, what is the correct option to select all the tags on a page?CorrectIncorrect
2. Question10 points
In CSS, choose the correct option to select this image by its id?
<img id=”mainpic” src=”cat.png”>CorrectIncorrect
3. Question10 points
In CSS, what is the correct option to select only the paragraphs with class name “warning”?
<p class=”warning”>Don’t do it.</p>
<p class=”warning”>Nooo, don’t do it.</p>CorrectIncorrect
4. Question10 points
Select the property that is used to create spacing between HTML elements?CorrectIncorrect
5. Question10 points
For users that use the tab key to navigate websites, what property represents this way of moving from one element to another?CorrectIncorrect
6. Question10 points
Select the property that is used to change the list style to show roman numerals instead of normal numbers?CorrectIncorrect
7. Question10 points
Select the property used to create space between the element’s border and inner content?CorrectIncorrect
8. Question10 points
Select the appropriate HTML tag used for the largest heading?CorrectIncorrect
9. Question10 points
Select the appropriate HTML tag for inserting a line break?CorrectIncorrect
10. Question10 points
Select the correct HTML tag to make a text bold.CorrectIncorrect
11. Question10 points
Select the correct HTML tag to make a text italic?CorrectIncorrect
12. Question10 points
Select the correct HTML for creating a hyperlink?CorrectIncorrect
13. Question10 points
Select the correct option to create an e-mail link?CorrectIncorrect
14. Question10 points
Select the correct option to open a link in a new browser window?CorrectIncorrect
15. Question10 points
Select the option to make a list that lists the items with numbers?CorrectIncorrect
16. Question10 points
Select the option to make a list that lists the items with bullets?CorrectIncorrect
17. Question10 points
In CSS,Select the property used to set the spacing in between lines of text?CorrectIncorrect
18. Question10 points
In CSS,select the property used to set the background color of an image?CorrectIncorrect
19. Question10 points
In CSS, Select the property to set an image in a list instead of a standard bullet?CorrectIncorrect
20. Question10 points
In CSS, Select the appropriate option to style an element so that the next element would appear right next to it not underneath it if both elements widths were collectively smaller than the container element?CorrectIncorrect
Note: You can review all the answers at the end of this quiz.
Wow! Did you enjoy it? We hope you would have liked the variety of questions asked in the above quiz. We want to thank you for taking your time to go through this test. Simultaneously, we recommend you not just leave from here instead attempt some more cool quizzes on Java/Python/Selenium and read related programming articles from our blog.
We have a firm belief that spreading knowledge is a step to enhance it further. When readers review our work and share their feedback, they encourage us to deliver better. That’s why we always ask them to leave their response in the comment box. Just like to share a famous quote on learning by doing.
For the things we have to learn before we can do them, we learn by doing them.
― Aristotle, The Nicomachean Ethics
Before you move on, please think about sharing this HTML CSS quiz with your friends and on the social media platforms of your choice.
All the Best,