How to use the HTML Tags Cheat Sheet
- 1. SearchType a tag name or what you want to do, like image, table or form.
- 2. Filter by groupDocument, text, media, lists and tables, forms, layout or attributes.
- 3. CopyClick any tag to copy it, or download the full sheet.
How the sheet is organised
The sheet groups 84 entries into seven groups: document setup, text, links and media, lists and tables, forms, semantic layout and global attributes. Each entry has a plain-English line on what it does and, where it matters, how to use it well. For example, <img> reminds you that alt is required, and <a> reminds you to add rel="noopener" for new tabs.
You can search by purpose, not just by name. Typing caption finds both <caption> for tables and <figcaption> for images, and typing phone finds the email input's phone-keyboard tip and the viewport meta tag.
Worked example: semantic layout
A typical page skeleton uses these tags from the Semantic layout group:
<header> … <nav> … </nav> </header>
<main>
<article> … </article>
<aside> … </aside>
</main>
<footer> … </footer>These tags look the same as <div> on screen, but they tell browsers, screen readers and search engines what each area is. Screen reader users can jump straight to <main> or <nav>. Use only one <main> and one <h1> per page, and don't skip heading levels; our HTML checker flags both. If you are just starting out, learn the document, text, links and lists groups first; together they cover most of what simple pages need, and forms and semantic layout come next.
Frequently asked questions
Is this HTML5?
Yes. It follows the current HTML standard. Obsolete tags like
Does it cover every HTML tag?
It covers the tags and attributes used in everyday work. Rare ones like are not included.
Can I use it offline?
Download the full sheet as a text file and keep it on your device.
Is it free?
Yes. Searching and copying are free and open. Only the download asks for your name and WhatsApp number, once for all Uncodemy tools.