Noister

1. Ctrl + Shift + P
   
2. Emmet: Wrap with Abbreviation
   
3. Ввести таг
   

Можно добавить свой shortcut как в sb3(file->keyboard shortcuts->keybinding,json):

[
  {
    "key": "ctrl+shift+g",
    "command":"editor.emmet.action.wrapWithAbbreviation",
    "when": "editorTextFocus && !editorReadonly"
  }
]

Использовать как в sb3

Или установить плагин: ext install htmltagwrap

Для HTML посоветовал сайт htmlbook.ru.
Для CSS надо в ютубе посмотреть уроки чтобы хорошо понимать.Пищи CSS уроки и смотри,там просто дофига уроков.
Потом смотри уроки про верстки.Пищи верстка сайта html css.Рекомендовал бы смотреть уроки канала branscloud.
После этого сам верстай простые сайты(Лэндинги).После этого можешь уже изучить JS.Для Front-end JS пригодится когда будешь сделать бургер меню и слайдеры.
Можешь потом изучить фреймворки Bootstrap,gulp,sass,less и т.г.

если есть сложности с изучением без видеоуроков то хватит серии видео с ютуба с канала Sorax. Ему 100500 лет, но для старта более чем сгодиться, дальше специалист + документации, и практика.