Prompt to explain HTML line by line

Version 1.0.0 · learning

Variables

[HTML_SAMPLE] · HTML sample

A small code sample with secrets removed. Required.

Expected output

• Summary
• Annotated Lines
• Semantics
• Accessibility
• Questions

Common failures

• Describing appearance as semantics
• Overlooking invalid nesting
• Pretending to have run tests

Compatible modes: Chat, Agent, Ide Assistant

Complete prompt

Explain this HTML to a beginner:

[HTML_SAMPLE]

First summarize the document’s purpose. Then explain each meaningful line or
group in order. For every element, separate syntax, semantic meaning, default
browser behavior, accessibility consequences, and styling implications.

Identify invalid or risky markup, but do not claim you ran a validator or
assistive-technology test unless you actually did. Show the smallest corrected
sample, explain why each correction matters, and cite the relevant official
standard or accessibility guidance for material claims.

End with three comprehension questions and one safe modification exercise.

Expected output

The explanation should not equate bold appearance with importance or generic containers with structure. It should state uncertainty when browser or assistive-technology testing is required.

Verification checklist

Compare element claims with primary documentation and run the corrected sample through real browser and validation checks.