my HTML Shortcuts in VS Code are not working

Question

I started studying HTML on YouTube not long ago and have been using visual studio code. Whenever specific shortcuts are used, mine does not work. An example would be typing the exclamation mark and then the tab button("!" + tab) to automatically give you the default HTML skeletal template. Also, tag suggestions do not work. Whenever I start to type a tag like , I don't get any suggestions whatsoever and it leads to a lot of mistakes and confusion for me. Can someone help me, please?

Answer 1

Change Setting Emmet

1. Go to Setting , CTRL + , for shortcut
2. Type Emmet Tab on search bar
3. Enable trigger expansion on tab
4. Try type ! + Tab

Suggest

1. Type ! on HTML File
2. Press CTRL + SPACE, to activate trigger suggest
3. And Enter

HTML:5

1. Type html:5
2. Enter or Tab

Answer 2

You only need to change languague on status bar (below) from Django html to html.

Now retype the shortcut i.e. "!+Enter"

Answer 3

1. CTRL + Shift + P
2. Change language mode
3. Click on "Configure file association for .html"
4. If you scroll down through the list, you will see a label "Current association" next to the file type that your file is currently associated to.
5. Change it to .HTML if that's what you want .html files to be associated to.
6. Close the file and open it again.
7. Try ! - a tooltip should now pop up and then you hit tab.

Answer 4

You can go to VS code and tap on setting will show a pop-up, choose Keyboard Shortcut will showcase you all the keyboard shortcut.