Tools

Emmet Cheat Sheet

Print-ready cheat sheet for Emmet, organized for fast lookup, study, and desk-side use

Source: Emmet Documentation (emmet.io)
License: MIT
Variants: 3 download options
Updated: 2026-03-27

Sample

What's in this cheat sheet

Element Shortcuts

`div`	Create <div></div>
`p`	Create <p></p>
`h1`	Create <h1></h1>
`a`	Create <a href=""></a>
`img`	Create <img src="" alt="">
`input`	Create <input type="text">
`btn`	Create <button></button>
`link:css`	Link tag for CSS stylesheet

HTML Boilerplate

!    → full HTML5 boilerplate
doc  → HTML5 doctype only

Implicit Tags

`.class`	Resolves to <div class="class">
`ul>.item`	Child resolves to <li class="item">
`table>.row`	Child resolves to <tr class="row">
`select>.opt`	Child resolves to <option class="opt">

Download the full cheat sheet for all sections, formatted for print

Download PDF

Downloads

Choose the treatment that matches how you read

Recommended

Standard

B&W, ink-efficient. The default for laser printers and photocopies

Best for Printouts and desk-side reference

PDF 1 page Letter landscape

Download PDF
Color

Warm color accents for on-screen reading or color printers

Best for Screen reading or color printers

PDF 1 page Letter landscape

Download PDF
Reference Card

Maximum density, 4-column layout. Everything on one page

Best for Fast scanning and minimum paper use

PDF 1 page Letter landscape

Download PDF

Text formats

Copy or download as plain text

Download Markdown

Best for copying commands, snippets, and config into notes, prompts, or docs

Download Markdown

Preview

The web preview is for quick browsing. The PDF remains the authoritative print artifact

Open in Browser