HTML
HTML quizzes organized from fundamental to advanced levels.
Covers basics like tags, elements, and attributes, then progresses to forms, tables, media, semantic HTML, accessibility, and advanced HTML5 features.
Helps learners test their knowledge, strengthen understanding, and prepare for technical interviews and real-world development.
HTML Roadmap
Select a quiz to master HTML
HTML Fundamentals Quiz
This HTML Fundamentals Quiz is designed to test your understanding of core HTML concepts. It covers essential topics such as document structure, tags, elements, headings, paragraphs, comments, metadata, DOCTYPE declaration, character encoding, and basic formatting elements. Whether you're a beginner learning web development or preparing for exams and interviews, this quiz will help reinforce foundational HTML knowledge and improve your confidence in building web pages.
HTML Headings, Links, Lists & Media Quiz
This quiz focuses on essential HTML elements related to headings, hyperlinks, images, lists, line breaks, and structural tags. It helps reinforce understanding of anchor attributes, list types, description lists, block-level elements, and proper HTML nesting rules. Ideal for beginners strengthening their foundational web development knowledge.
HTML Attributes Quiz
This quiz tests your knowledge of key HTML attributes, including identification, styling, linking, embedding, accessibility, and custom data. It covers attributes like id, class, style, href, src, alt, contenteditable, tabindex, rel, and others that are essential for structuring and interacting with HTML elements effectively.
HTML Forms and Input Elements Quiz
This quiz tests your understanding of HTML form elements, input types, attributes, and accessibility features. It covers form creation, input types like text, password, radio, and checkbox, as well as attributes like placeholder, required, maxlength, pattern, and grouping inputs using fieldset and name attributes.
HTML Tables Quiz
This quiz tests your knowledge of HTML table elements, attributes, and best practices for structure and accessibility. Topics include creating tables, rows, cells, headers, captions, column and row spanning, grouping content with <thead>, <tbody>, <tfoot>, and accessibility attributes like scope and headers.
Semantic HTML Quiz
This quiz tests your knowledge of Semantic HTML elements and their purposes, including structural, content-related, and accessibility features. It covers elements like <header>, <main>, <nav>, <article>, <section>, <aside>, <footer>, <figure>, <figcaption>, <time>, <details>, <summary>, and emphasizes the benefits of semantic markup for SEO and accessibility.
HTML5 Media and Embed Elements Quiz
This quiz tests your understanding of HTML5 media and embedding elements, including <video>, <audio>, <source>, <track>, <iframe>, and <embed>. It covers attributes for playback control, looping, preview images, file format, security, fallback content, and embedding external content like PDFs or interactive applications.
HTML Meta and SEO Quiz
This quiz tests your knowledge of HTML meta tags, SEO best practices, Open Graph tags, canonical links, viewport settings, language attributes, structured data, and favicon implementation. It emphasizes understanding metadata for SEO, accessibility, and social media optimization.
Web Accessibility (A11y) Quiz
This quiz tests your understanding of web accessibility (A11y) principles, including ARIA attributes, semantic HTML, keyboard navigation, screen reader support, color contrast, and best practices for accessible forms and images. It emphasizes creating inclusive web experiences for users with disabilities.
HTML5 Canvas and SVG Quiz
This quiz tests your understanding of HTML5 graphics technologies, including Canvas and SVG. It covers drawing elements, coordinate systems, attributes, styling with CSS, interactive graphics, and the differences between vector (SVG) and raster (Canvas) graphics.
Responsive Web Design Quiz
This quiz tests your understanding of responsive web design concepts, including viewport settings, mobile-first approach, breakpoints, the <picture> element, srcset and sizes attributes, CSS units for fluid layouts, and best practices for images in responsive design.