And here's my coding tool, which is supported by most of the common code
editors via plugins: Zen Coding, http://code.google.com/p/zen-coding/

The idea is that it lets you use CSS-like selectors as tags that can be
expanded into full HTML snippets. I'll just use the example from the
project page to describe what I mean.

You type a string like this ...

div#page>div.logo+ul#navigation>li*5>a

... and Zen Coding will expand it into:

<div id="page">
        <div class="logo"></div>
        <ul id="navigation">
                <li><a href=""></a></li>
                <li><a href=""></a></li>
                <li><a href=""></a></li>
                <li><a href=""></a></li>
                <li><a href=""></a></li>
        </ul>
</div>