Quiz

HTML & CSS Quiz for Beginners

8 questions on layout basics: tags, selectors, Flexbox, and the box model.

questions

~4 min

to complete

⚡

instant result

Question 1 of 8

Which tag is used for the largest heading?

<title>✓✗ <h1>✓✗ <head>✓✗ <strong>✓✗

Question 2 of 8

How do you select an element by class in CSS?

#classname✓✗ .classname✓✗ *classname✓✗ &classname✓✗

Question 3 of 8

What does display: flex do?

Hides the element✓✗ Turns the element into a flexible container for aligning its children✓✗ Makes the element round✓✗ Disables CSS for the element✓✗

Question 4 of 8

What makes up the CSS box model?

Only content✓✗ Content, padding, border, margin✓✗ Only color and font✓✗ HTML tags and attributes✓✗

Question 5 of 8

Which tag is used to insert an image?

<image>✓✗ <img>✓✗ <picture-src>✓✗ <src>✓✗

Question 6 of 8

How does id differ from class in HTML?

They don't differ✓✗ id must be unique on the page, class can be reused many times✓✗ class is only usable in JavaScript✓✗ id can't be used in CSS✓✗

Question 7 of 8

Which CSS property controls the outer spacing around an element?

padding✓✗ margin✓✗ border✓✗ gap✓✗

Question 8 of 8

What does the alt attribute on an <img> tag do?

Sets the image width✓✗ Provides alt text if the image fails to load✓✗ Changes the file format✓✗ Does nothing without CSS✓✗

0/8

🎓 Get the full course on Udemy ▶️ Try it free on YouTube