Auto Format a Document 1. CTRL+SHIFT+P to open up the command pallette 2. Once the pallette is open type "format" 3. Use the arrow keys to find "Format Document" and click enter Finding a closing tag: Click inside the opening tag. For example out your cursor here: The closing tag will be highlighted Generating Tags Type img then Enter Type a then enter Type a:blank then enter Add classes to elements: To create a div with a class: Type .classname then enter

You can specify any element before the dot Type ul.bulleted then enter

Type span.green then enter Add ID to elements Type #idname then enter

Type span#idname then enter Intermediate Uses Type ul>li*4 then enter

ul>li*4{item 1}

item 1
item 1
item 1
item 1

div.flex.flex-center>div*4>strong{Title}

Title

If you want to get more advanced here is a cheat sheet: https://docs.emmet.io/cheat-sheet/ 8 Minute Youtube Video explaining basic / intermediate features: https://www.youtube.com/watch?v=45eWEO0gRHI (The shortcut software used by VSCode is called Emmet so search "Emmet code" to learn more)