Emmet Cheat Sheet

EMMET

The a toolkit for web-developers

Emmet is a productivity toolkit for web developers that uses expressions to generate HTML snippets.

Normally, installation for Emmet should be a straight-forward process from the package-manager, as most of the modern text editors support Emmet.

You can use Emmet in two ways:

Tab Expand Way: Type your emmet code and press Tab key
Interactive Method: Press alt + ctrl + Enter and start typing your expressions. This should automatically generate HTML snippets on the fly.

This cheatsheet will assume that you press Tab after each expressions.

html:5 Will generate