Convert div.class to <div class="class"></div> Textmate

My apologies for the post. I realize that this is more than likely redundant but for some reason I can't seem to find my answer.

I believe there is a keyboard shortcut in Textmate for converting something along the lines of

div.test

开发者_运维问答to

<div class="test"></div>

Any ideas? Anyone know where I can get documentation about this shortcut?

Thank you.

See Zen Coding and Sparkup.

Without the additions mentioned by @Bradford, the alternative option is to use the built-in snippets. For example (when the document is set to be HTML), typing div<TAB><TAB>test inserts the following and places the cursor on the second line:

<div id="test">

</div>