html のひな形を VSCode の Emmet 拡張機能で作成する

最近、html のお試しコードを書くことが多いのですが、その書き始めの時に、ひな形があれば時短になって便利だろうなあ、なんて考えてました。VSCode(Visual Studio Code) に元から入っている拡張機能である Emmet を使うと、とても簡単に html のひな形を作成することが分かったので、調べたことを記録に残します。