Shortcut key to auto complete HTML structure
<p>I am looking for the shortcut keys that I should use to autocomplete the structure of the HTML.</p>

<p>So for instance, when I type <code>html</code> and press a few keys the following structure should appear:</p>

<pre><code>&lt;!DOCTYPE html&gt;
&lt;html&gt;
  &lt;head&gt;
    &lt;title&gt; &lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;

  &lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>Note: I am using a MAC</p>