Emmet for HTML: A Beginner's Guide to Writing Faster Markup

Imagine you want to create a simple webpage with a header, some content, and a footer. Without Emmet, you'd have to type every single character: <div> <h1>Welcome</h1> <p>This is a paragraph.</p> <ul> <li>Item one</li> <li>Item two</li>...