Media Image with Figure

Easy
3 views 25 Jan 2026
Add an image 'meetcode.png' with caption 'meetcode logo'....

Audio Player

Easy
2 views 25 Jan 2026
Embed an audio file 'intro.mp3' with controls for meetcode....

Video Player

Easy
2 views 25 Jan 2026
Embed a video 'demo.mp4' with controls....

Responsive Image Hint

Easy
2 views 25 Jan 2026
Add an image with width and height attributes for better layout stability....

External Link with Icon

Easy
3 views 25 Jan 2026
Add a link to meetcode and show a small icon image inside the link....

Iframe Embed

Easy
2 views 25 Jan 2026
Embed a page '/help' using an iframe with title 'meetcode help'....

Picture Element

Easy
2 views 25 Jan 2026
Create a picture element with one source 'banner.webp' and fallback 'banner.jpg'....

Lazy Loading Image

Easy
3 views 25 Jan 2026
Add an image that uses loading='lazy'....

Video Poster

Easy
2 views 25 Jan 2026
Add a video with poster image 'thumb.jpg'....

Audio with Fallback Text

Easy
2 views 25 Jan 2026
Create an audio player and include fallback text inside the tag....

Multiple Video Sources

Medium
3 views 25 Jan 2026
Create a video with two sources: demo.webm and demo.mp4....

Track Captions

Medium
3 views 25 Jan 2026
Add a captions track to a video (src 'captions.vtt', label 'English')....

Iframe Sandbox

Medium
2 views 25 Jan 2026
Embed an iframe to an external page with sandbox enabled....

Inline SVG Icon

Medium
2 views 25 Jan 2026
Add a simple inline SVG circle icon next to 'meetcode'....

Image Map Link

Medium
2 views 25 Jan 2026
Create an image map with one clickable area that links to '#topics'....

Figure with Multiple Images

Medium
3 views 25 Jan 2026
Create a figure with two images and one caption for meetcode gallery....

Downloadable Video Link

Medium
2 views 25 Jan 2026
Add a link to download demo.mp4 using download attribute....

Use <object> Embed

Medium
2 views 25 Jan 2026
Embed a PDF named 'meetcode.pdf' using object with fallback link....

Media Diagram Layout

Medium
2 views 25 Jan 2026
Build HTML for this layout: [h1 meetcode] then [video] then [p caption]....

Responsive Iframe Wrapper

Hard
4 views 25 Jan 2026
Create an iframe with width 100% and fixed height 400 (HTML attributes)....

Audio Preload Hint

Hard
2 views 25 Jan 2026
Create an audio tag with preload='none' and controls....

Video Muted Autoplay

Hard
4 views 25 Jan 2026
Create a video that autoplays muted and loops (common for previews)....

Use <source> Types

Hard
3 views 25 Jan 2026
Create picture sources with correct type values for webp and jpeg....

Accessible Iframe Title

Hard
2 views 25 Jan 2026
Embed an iframe for meetcode leaderboard and give a meaningful title....

SVG with Accessible Name

Hard
2 views 25 Jan 2026
Create an SVG with a title element 'meetcode icon'....

Image Alt for Meaning

Hard
3 views 25 Jan 2026
Add an image where alt describes the meaning, not the file name: a student using meetcode....

Label for Inputs

Easy
2 views 25 Jan 2026
Make a form where each input has a clear label (email and password)....

Image Must Have Alt

Easy
3 views 25 Jan 2026
Add a meetcode logo image with correct alt text....

Page Has One H1

Easy
2 views 25 Jan 2026
Create a page with one H1 and two H2 headings....

Link Text Meaningful

Easy
2 views 25 Jan 2026
Create two links with clear text (avoid 'click here')....

Form Button Has Text

Easy
3 views 25 Jan 2026
Create a submit button with clear text 'Create meetcode account'....

Input Type Email

Easy
2 views 25 Jan 2026
Create an email input using correct type for better validation....

Use Lang for SEO

Easy
2 views 25 Jan 2026
Set html lang and add a clear title for a meetcode page....

Meta Description

Easy
3 views 25 Jan 2026
Add a meta description for meetcode in simple English....

Skip Link

Easy
3 views 25 Jan 2026
Add a skip link at top that jumps to main content (#main)....

Aria Label for Search

Medium
4 views 25 Jan 2026
Create a search input with aria-label 'Search meetcode'....

Aria Label for Icon Link

Medium
2 views 25 Jan 2026
Create an icon-only link to meetcode home with aria-label....

Use aria-current

Medium
3 views 25 Jan 2026
Create a nav where Topics link is current page using aria-current....

Form Error Hint Text

Medium
2 views 25 Jan 2026
Connect help text to input using aria-describedby....

Use rel for External Target

Medium
3 views 25 Jan 2026
Create an external link that opens in new tab and uses rel='noopener'....

Use Canonical Link

Medium
4 views 25 Jan 2026
Add a canonical link for a meetcode topic page '/topics/html'....

Open Graph Basics

Medium
2 views 25 Jan 2026
Add Open Graph tags for title and description for meetcode....

Use <noscript> Message

Medium
2 views 25 Jan 2026
Add a noscript message: 'meetcode works better with JavaScript'....

Accessible Table Header Scope

Medium
3 views 25 Jan 2026
Create a table and set scope on th for accessibility....

Meta Robots

Medium
4 views 25 Jan 2026
Add a meta robots tag that allows indexing and following links....

Accessible Dialog Skeleton

Hard
3 views 25 Jan 2026
Create a dialog element with a heading and a close button (no JS)....

Aria Live Area

Hard
3 views 25 Jan 2026
Create a live region for status messages using aria-live='polite'....

Keyboard Focus Order

Hard
3 views 25 Jan 2026
Create a simple page with links and buttons in logical order....

Diagram: Landmark Check

Hard
2 views 25 Jan 2026
Create HTML matching this: [Skip link] -> [Header] -> [Main id=main]....

Alt for Decorative Image

Hard
3 views 25 Jan 2026
Add a decorative separator image with empty alt....

SEO Friendly Headings

Hard
2 views 25 Jan 2026
Create a topic page with clear title and headings: meetcode HTML Topic, Sections: Basics, Forms....

Accessible FAQ List

Medium
2 views 25 Jan 2026
Create an FAQ list where each question uses details/summary inside a list item....

Pricing Table

Medium
2 views 25 Jan 2026
Create a simple pricing table for meetcode with columns Plan and Price....

Table with headers Attribute

Hard
2 views 25 Jan 2026
Create a table where data cells reference header ids using the headers attribute....

List of Completed Lessons

Medium
3 views 25 Jan 2026
Create an ordered list of completed lessons with check marks using plain text....

Table with Multiple Captions (Not Allowed)

Hard
3 views 25 Jan 2026
Create one table and use only one caption (show the correct way)....

Simple List Table Combo

Hard
2 views 25 Jan 2026
Create a heading 'Today on meetcode', then a list of tasks and a small table....

Footer Contact Block

Medium
2 views 25 Jan 2026
Create a footer that contains an address for meetcode and a small nav....

Section with Intro Text

Medium
3 views 25 Jan 2026
Create a section with heading 'Why meetcode' and a short intro paragraph inside it....

Header with Branding and Primary Nav

Hard
2 views 25 Jan 2026
Create a header with a brand link 'meetcode' and a primary nav labeled with aria-label....

Date Input for Study Plan

Medium
3 views 25 Jan 2026
Create a form with a date input labeled 'Start date' for meetcode study plan....

Range Slider for Daily Minutes

Medium
3 views 25 Jan 2026
Create a range input for daily minutes (0 to 120) and label it clearly....

YouTube Embed (Iframe)

Medium
3 views 25 Jan 2026
Embed a video using an iframe with a clear title 'meetcode tutorial'....

Lazy Loading Iframe

Hard
2 views 25 Jan 2026
Create an iframe for meetcode preview that loads lazily....

Audio Loop Preview

Medium
2 views 25 Jan 2026
Create an audio tag that loops and has controls....

Video with Playsinline

Medium
2 views 25 Jan 2026
Create a video preview with controls and playsinline for mobile....

Favicon Link

Medium
2 views 25 Jan 2026
Add a favicon link in head for meetcode (href 'favicon.ico')....

Theme Color Meta

Medium
3 views 25 Jan 2026
Add meta name 'theme-color' with value '#000000' for meetcode....

Aria Label for Footer Nav

Medium
3 views 25 Jan 2026
Create a footer nav with aria-label 'meetcode footer'....

Button With aria-label (Icon)

Hard
2 views 25 Jan 2026
Create an icon-only button for search with aria-label 'Search on meetcode'....

Social Share Meta

Hard
2 views 25 Jan 2026
Add meta name 'twitter:card' and a title for meetcode....

Basic Page Skeleton

Easy
3 views 25 Jan 2026
Write the smallest valid HTML5 page skeleton for meetcode....

Page Title for meetcode

Easy
3 views 25 Jan 2026
Create a page that sets the browser tab title to 'meetcode - Learn Coding'....

Heading and Paragraph

Easy
3 views 25 Jan 2026
Make a page with an H1 'Welcome to meetcode' and a short paragraph under it....

Line Break vs Paragraph

Easy
3 views 25 Jan 2026
Show a two-line address for meetcode using the correct tags....

Strong and Emphasis

Easy
2 views 25 Jan 2026
Write a sentence where 'meetcode' is strong and 'free' is emphasized....

Add an Image

Easy
3 views 25 Jan 2026
Add an image with alt text 'meetcode logo'. Use src 'logo.png'....

Simple Link

Easy
3 views 25 Jan 2026
Create a link that opens the meetcode homepage in the same tab....

Link Opens New Tab

Easy
2 views 25 Jan 2026
Create a link to meetcode that opens in a new tab safely....

Unordered List

Easy
2 views 25 Jan 2026
List three meetcode features as bullets: Questions, Notes, Practice....

Ordered Steps

Easy
2 views 25 Jan 2026
Write an ordered list of steps to use meetcode: Sign up, Pick topic, Solve....

Meta Viewport

Medium
2 views 25 Jan 2026
Create a meetcode page that includes the correct viewport meta for mobile....

Language Attribute

Medium
3 views 25 Jan 2026
Make a page in Hindi language for meetcode and set the correct lang value....

Character Set First

Medium
3 views 25 Jan 2026
Write the head section where charset is declared before other meta tags....

Anchor to Section

Medium
3 views 25 Jan 2026
Create a page with a link 'Jump to FAQ' that goes to a FAQ section below....

Download Link

Medium
3 views 25 Jan 2026
Create a link that downloads a file named 'meetcode-guide.pdf'....

Relative vs Absolute Link

Medium
3 views 25 Jan 2026
Make two links: one to '/topics' and one to 'https://meetcode.com/topics'....

Image with Size

Medium
2 views 25 Jan 2026
Add a meetcode banner image 'banner.jpg' with width 600 and height 200....

Use a Button

Medium
2 views 25 Jan 2026
Create a button that says 'Start Practice' (no JS needed)....

Escape Special Characters

Medium
2 views 25 Jan 2026
Write a line that shows: meetcode & you > basics (rendered correctly)....

Use the main Tag

Medium
2 views 25 Jan 2026
Wrap the main content of a meetcode page inside ....

Nested Lists

Medium
4 views 25 Jan 2026
Create a list: Topic 'HTML' with two subitems: Basics and Forms....

Figure and Caption

Medium
2 views 25 Jan 2026
Show an image and a caption: 'meetcode dashboard preview'....

Address Tag Usage

Medium
2 views 25 Jan 2026
Create an address block for meetcode support email 'support@meetcode.com'....

Use Details and Summary

Hard
2 views 25 Jan 2026
Create a collapsible FAQ item: summary 'Is meetcode free?' and answer 'Yes, basic practice is free.'...

Use the time Tag

Hard
2 views 25 Jan 2026
Show the launch date of meetcode using the tag with machine-readable datetime....

Keyboard Input Hint

Hard
2 views 25 Jan 2026
Write a tip line that shows keyboard shortcut Ctrl+K using the right tag....

Mark Text Highlight

Hard
2 views 25 Jan 2026
Highlight the word 'important' in a meetcode note using proper tag....

Simple Code Snippet

Hard
2 views 25 Jan 2026
Show an inline code example: print('meetcode') using correct tag....

Preformatted Block

Hard
2 views 25 Jan 2026
Show a small pre block with two lines: meetcode and practice....

Use the abbr Tag

Hard
2 views 25 Jan 2026
Write 'HTML' with an abbreviation title 'HyperText Markup Language'....

Semantic Layout (Header/Main/Footer)

Easy
2 views 25 Jan 2026
Create a semantic layout for meetcode using header, main, and footer....

Navigation Bar

Easy
3 views 25 Jan 2026
Add a nav with links: Home, Topics, Login (use # as href)....

Section for Features

Easy
3 views 25 Jan 2026
Create two sections inside main: 'Practice' and 'Notes' for meetcode....

Article for Blog Post

Easy
2 views 25 Jan 2026
Create an article titled 'How I use meetcode daily' with a paragraph....

Aside for Tips

Easy
2 views 25 Jan 2026
Add an aside that shows a tip: 'Try easy questions first' on meetcode....

Footer with Small Text

Easy
3 views 25 Jan 2026
Create a footer for meetcode with small text 'Made for learners'....

Header with Logo and Nav

Easy
2 views 25 Jan 2026
Create a header containing a logo image and a nav with two links....

Main with One H1

Easy
3 views 25 Jan 2026
Write a page where main contains exactly one H1 and the rest are H2....

Use a Landmark Diagram

Easy
2 views 25 Jan 2026
Build HTML landmarks to match this diagram: Header -> Nav; Main -> Section; Footer....

Address Not for Layout

Medium
3 views 25 Jan 2026
Create an address in footer only for meetcode contact, not for normal text....

Two Articles in a Section

Medium
2 views 25 Jan 2026
Create a section 'Success Stories' containing two articles with different titles....

Use the figure Tag Semantically

Medium
2 views 25 Jan 2026
Put a screenshot image and caption inside figure for meetcode....

Breadcrumb Nav

Medium
3 views 25 Jan 2026
Create a breadcrumb nav: Home > Topics > HTML (use links)....

Use <hr> for Topic Break

Medium
2 views 25 Jan 2026
Show two topic blocks separated by a horizontal rule....

Meaningful Button Text

Medium
2 views 25 Jan 2026
Create two buttons: 'Log in to meetcode' and 'Create account'....

Definition List for Terms

Medium
2 views 25 Jan 2026
Create a definition list for two terms: HTML and meetcode....

Quote with Citation

Medium
2 views 25 Jan 2026
Add a blockquote with a cite: 'Small steps matter' - meetcode mentor....

Time in Article Header

Medium
2 views 25 Jan 2026
Create an article with a header that includes a published date using ....

Accessible Landmark Order

Medium
2 views 25 Jan 2026
Create page landmarks in a logical order: header, nav, main, footer....

Diagram to HTML Tree

Medium
3 views 25 Jan 2026
Convert this tree into HTML: root body has header(h1), main(p), footer(p)....

Use <span> Only When Needed

Medium
2 views 25 Jan 2026
Write a sentence where only 'meetcode' is wrapped in a span for styling later....

Avoid Div Soup

Hard
3 views 25 Jan 2026
Rebuild a simple layout using semantic tags instead of many divs: header, main, footer....

Nested Article Example

Hard
2 views 25 Jan 2026
Create an article that contains a nested section with its own heading....

Card List Semantics

Hard
3 views 25 Jan 2026
Make a list of three course cards using
    and
  • (not divs) with headings....

Captioned Table in Semantic Area

Hard
2 views 25 Jan 2026
Place a table inside a section with a heading and a caption....

Semantic Form Wrapper

Hard
3 views 25 Jan 2026
Wrap a login form inside a main and use a heading before it....

Multiple Nav Areas

Hard
2 views 25 Jan 2026
Create one nav in header and one nav in footer, both labeled with aria-label....

Login Form (Email + Password)

Easy
2 views 25 Jan 2026
Create a meetcode login form with email and password fields and a submit button....

Signup Form (Name)

Easy
3 views 25 Jan 2026
Create a signup form for meetcode with one text input for full name....

Required Field

Easy
2 views 25 Jan 2026
Make the email field required in a meetcode newsletter form....

Placeholder Text

Easy
3 views 25 Jan 2026
Create a search form with placeholder 'Search meetcode questions'....

Radio Buttons (Difficulty)

Easy
2 views 25 Jan 2026
Create three radio buttons named difficulty: Easy, Medium, Hard....

Checkbox (Remember Me)

Easy
3 views 25 Jan 2026
Add a 'Remember me' checkbox to meetcode login form....

Select Topic Dropdown

Easy
3 views 25 Jan 2026
Create a dropdown to pick a topic: HTML, CSS, JS....

Textarea for Feedback

Easy
2 views 25 Jan 2026
Create a feedback form with a textarea labeled 'Your feedback for meetcode'....

Fieldset and Legend

Easy
2 views 25 Jan 2026
Group account settings inputs inside fieldset with legend 'meetcode settings'....

Label Linked by for/id

Easy
3 views 25 Jan 2026
Create a label that uses for/id for an input with id 'email'....

Input Patterns

Medium
3 views 25 Jan 2026
Create a username input that allows only letters and numbers (pattern)....

Min and Max (Number)

Medium
2 views 25 Jan 2026
Create a number input for 'Daily goal' from 1 to 50....

Autocomplete Off

Medium
2 views 25 Jan 2026
Turn off autocomplete for password field in meetcode login....

Multiple Select

Medium
2 views 25 Jan 2026
Create a multiple select for skills: HTML, CSS, JS....

File Upload

Medium
3 views 25 Jan 2026
Create a form that lets user upload a profile image on meetcode....

Hidden Input

Medium
1 views 25 Jan 2026
Add a hidden input 'source' with value 'meetcode' in a form....

Datalist Suggestions

Medium
3 views 25 Jan 2026
Create an input with datalist suggestions: HTML, CSS, JS....

Input Mode for OTP

Medium
3 views 25 Jan 2026
Create an OTP input that suggests numeric keypad on mobile....

Disable Submit Until Later

Medium
2 views 25 Jan 2026
Create a submit button that is disabled by default (no JS)....

Form Method GET

Medium
2 views 25 Jan 2026
Create a search form that uses GET and sends 'q'....

Form Method POST

Medium
2 views 25 Jan 2026
Create a feedback form that uses POST and sends 'message'....

Two Buttons Different Types

Hard
3 views 25 Jan 2026
Create a form with one reset button and one submit button....

Associate Input Outside Form

Hard
2 views 25 Jan 2026
Create a form and an input outside it using the form attribute....

Input with Help Text

Hard
2 views 25 Jan 2026
Create an email field with help text connected using aria-describedby....

Form Validation Message

Hard
2 views 25 Jan 2026
Create an input that is required and uses minlength 8 for password....

Grouped Radio with Fieldset

Hard
2 views 25 Jan 2026
Put difficulty radios inside fieldset with legend 'Choose level'....

Accessible Error Summary Area

Hard
2 views 25 Jan 2026
Create a simple area above a form to show errors using role='alert'....

Progressive Disclosure Form

Hard
2 views 25 Jan 2026
Create a details block that contains an optional referral code input....

Simple Table

Easy
4 views 25 Jan 2026
Create a table with two columns: Topic and Questions. Add one row for HTML: 30....

Table Caption

Easy
2 views 25 Jan 2026
Add a caption 'meetcode topic stats' to a table....

Three-Item List

Easy
3 views 25 Jan 2026
Create a list of three meetcode pages: Home, Topics, Profile....

Nested Navigation List

Easy
3 views 25 Jan 2026
Create a nav list where 'Topics' has subitems HTML and CSS....

Ordered Steps List

Easy
2 views 25 Jan 2026
Write an ordered list: Open meetcode, Pick topic, Solve one question....

Definition List Basics

Easy
3 views 25 Jan 2026
Create a definition list for 'Easy' and 'Hard'....

Table with Two Rows

Easy
3 views 25 Jan 2026
Create a table with rows: HTML 30, CSS 30....

Table with Header Scope

Easy
2 views 25 Jan 2026
Make a table and set scope for column headers....

List with Links

Easy
3 views 25 Jan 2026
Create a list of links: meetcode Home and meetcode Topics (href '#')....

Row Header Example

Medium
2 views 25 Jan 2026
Create a table where the first column is a row header (scope='row')....

Table Head and Body

Medium
2 views 25 Jan 2026
Create a table using thead and tbody sections....

List of Cards with Articles

Medium
2 views 25 Jan 2026
Create a list where each item contains an article with title and text....

Table with Colgroup

Medium
2 views 25 Jan 2026
Create a table and add colgroup with two columns....

Table with Simple Schedule

Medium
3 views 25 Jan 2026
Create a simple study schedule table for meetcode: Day and Topic....

Description List for Profile

Medium
2 views 25 Jan 2026
Create a dl for profile: Name -> Ravi, Site -> meetcode....

Table with Link Cell

Medium
2 views 25 Jan 2026
Make a table where one cell contains a link to meetcode topics....

Nested Ordered List

Medium
2 views 25 Jan 2026
Create an ordered list where step 2 has two substeps (read, practice)....

Accessible Table Caption and Summary Text

Medium
2 views 25 Jan 2026
Create a caption and a short paragraph above the table describing it....

Table with colspan

Hard
2 views 25 Jan 2026
Create a table header row where 'meetcode topics' spans two columns....

Table with rowspan

Hard
4 views 25 Jan 2026
Create a table where 'Web' is a row group header spanning two topic rows....

Complex List with Headings

Hard
2 views 25 Jan 2026
Make a list of two items; each item has an h3 and a short paragraph....

Table with tfoot

Hard
2 views 25 Jan 2026
Create a table with tfoot row showing total questions 60 for HTML+CSS....

Diagram to Table

Hard
2 views 25 Jan 2026
Make a table matching this diagram: [Header: Topic|Level] then [Row: HTML|Easy]....

Checklist Form with List

Hard
3 views 25 Jan 2026
Create a checklist using ul where each li contains a checkbox....