Emmet comes with VSCode and autocompletes HTML.
(For the following examples, --> represents pressing the tab
key.)
You can specify a .class or #id, which will expand into a <div>
by default:
.class-name --> <div class="class-name"></div>
#id-name --> <div id="id-name"></div>
For any tag other than div, type the element first, then the class or id:
main.class-name --> <main class="class-name"></main>
section#id-name --> <section id="id-name"></section>