Sign in Sign up

HTML MCQ Test

20 random HTML multiple-choice questions with answers and explanations: elements, attributes, links, images, lists, tables, forms and semantic HTML. Free, timed, instant score.

  • 20 random questions
  • 20 minutes
  • 60 in the question bank

No sign-up needed. Answers and explanations are shown at the end.

About this test

HTML questions come up in almost every web-development interview and college exam, usually as quick one-liners: which tag, which attribute, which input type. This test checks exactly those details.

It mixes basics (page structure, headings, links) with the parts people forget under pressure: form inputs, table tags, semantic elements and accessibility.

Each attempt picks new questions at random from the question bank. You can go back and change answers until you finish or the timer runs out. At the end you see your score, the right answer and a short explanation for every question, and the lessons to revise for the ones you missed.

Topics covered

  1. HTML Introduction
  2. HTML Editors
  3. HTML Basic Structure
  4. HTML Elements
  5. HTML Attributes
  6. HTML Headings
  7. HTML Paragraphs
  8. HTML Text Formatting
  9. HTML Links
  10. HTML Images
  11. HTML Lists
  12. HTML Tables
  13. HTML Div and Span
  14. HTML Classes and IDs
  15. HTML Forms
  16. HTML Form Inputs
  17. HTML Semantic Elements
  18. HTML Media (Audio and Video)
  19. HTML Accessibility Basics
  20. HTML Project: Build a Personal Profile Page

Sample questions with answers

1. What does HTML stand for?

  1. High Tech Modern Language
  2. Hyperlink and Text Management Logic
  3. HyperText Markup Language
Show answer

C. HyperText Markup Language — HTML is a markup language: it labels the parts of a page (headings, paragraphs, links) so the browser knows what each part is.

2. Which editor does the lesson recommend for writing HTML?

  1. Microsoft Word
  2. Visual Studio Code
  3. Paint
Show answer

B. Visual Studio Code — VS Code is free, with highlighting, auto-complete and extensions.

3. What goes inside <head>?

  1. Only images
  2. All visible content
  3. Information about the page, like the title and character set
Show answer

C. Information about the page, like the title and character set — Visible content goes in <body>.

4. Which is an empty (void) element?

  1. <p>
  2. <br>
  3. <h1>
Show answer

B. <br> — Empty elements have no content and no closing tag.

5. Which attribute gives an image its alternative text?

  1. title
  2. alt
  3. src
Show answer

B. alt — alt is read by screen readers and shown if the image fails.

6. How many levels of headings does HTML have?

  1. 6
  2. 3
  3. 10
Show answer

A. 6 — h1 to h6.

7. What happens to extra spaces and line breaks in HTML source?

  1. The browser collapses them into one space
  2. They're shown exactly
  3. They cause errors
Show answer

A. The browser collapses them into one space — Use <pre> to keep spacing.

8. What's the difference between <strong> and <b>?

  1. No difference
  2. b is newer
  3. strong adds importance (meaning); b is only visual
Show answer

C. strong adds importance (meaning); b is only visual — Screen readers can convey strong importance.

9. Which link opens in a new tab safely?

  1. <a href="…" tab="new">
  2. <a href="…" target="_blank" rel="noopener">
  3. <a href="…" new>
Show answer

B. <a href="…" target="_blank" rel="noopener"> — target="_blank" opens a new tab.

10. Why set width and height on images?

  1. To make images sharper
  2. It's required for alt text
  3. The browser reserves space so the page doesn't jump while loading
Show answer

C. The browser reserves space so the page doesn't jump while loading — It improves layout stability.