Visual Studio Time Saver – Faster HTML Coding

Quick tips to make you more efficient in Visual Studio. Today’s tip: How you can write your HTML code faster with VS Web essentials and Zen Coding

If you are a web developer than you are writing HTML.

<div id=”content>

<sentence>The fun thing about HTML is all the opening and closing tags</sentence>


<h1 class =”YesThoseTagsShouldbeThere”>smiley</h1>

Zen coding is a series of shortcuts that allow you to quickly write HTML code. If you install VS Web Essentials, a free plug-in for Visual Studio, you can take advantage of the Zen coding shortcuts to write your code in Visual Studio! 

table>tr>td*2 quickly becomes


div#content.headings quickly becomes

<div id=”contentclass=”headings></div>

Check out this short video to learn more about how to use Zen coding to write your HTML code! There’s a great blog post on Zen Coding by John Papa if you want more shortcuts!


If you liked this tip, check out the series Visual Studio Time Savers, where I share my favourite time saving tips. Give them a try and let me know what you think or your own! There are more coming, so make sure to check back often or subscribe to the RSS feed to get tips as soon as they are posted.

If one of these has helped you become more productive, make sure to comment on and share the videos.

Have a tip that has made you more productive? Let us know by tweeting to @cdndevs (hashtag #vstips) or commenting on the Microsoft Developer Facebook wall.

Skip to main content