https://monologue.asappy.xyz/pages/vscode-emmet-wrap/ からのセルフ転載。
今回は短いです。ビギナー向け記事。
よく言われる話だとは思いますし、タイトルだけ見てそんなの知ってるはって方は今回これ以上の話はしないのでSee ya.
そうでもないという方はこの記事に出会えて幸運だと思いなさい！(えらそう)
本題
Emmet Wrapとは？
Emmet Wrap変換とはHTMLの要素をまとめてタグでくくることができるEmmetの機能。
こんなHTMLがあって、
全部選択して、
コマンドからEmmet: Wrap with abbreviationを選択して、
Emmetの省略記法でタグを作成したら、
なんと驚き、全体が<div>で囲まれた！
こんな機能です。
こんなに便利な機能ですが、ショートカットキーを設定することでもっと便利になっちゃいます。
ショートカット設定
画面左下の歯車⚙マークから、キーボード ショートカットを選択して、(またはctrl+K -> ctrl+S)
検索してEmmet: ラップ変換の左の鉛筆✐マークをクリックして、
設定したいショートカットカットキーを入力する。 
私はalt+Wにしています。理由はVSCode拡張機能htmltagwrapのデフォルトのショートカットキーと同じだからですね。(既にこの拡張機能を使用している場合は競合に注意してくださいね！)
おわり
これでHTMLは1秒で囲み放題です。Emmetの省略記法と併用することでより高速なHTMLコーディングができますな！
どこまでも抱擁して包容力を高めていきましょう
今回はVSCode向けの説明でしたが、他のテキストエディタでEmmetを使用している場合も同様に設定すれば良きかな