Emmet

Intro

Let’s go over the second way of writing elements.

Steps

Emmet shortcuts

VS Code has a feature built-in called Emmet that lets you use different shortcuts to write HTML code faster.

First, create a new line after the previous paragraph.

To create a paragraph element using this shortcut, just type the letter p and then press Tab.

This will create the opening and closing tags for us and put our cursor in the middle so we can write our text.

This is how I’ll be writing elements from here on out. You’re welcome to write elements out the slow way, but I recommend using this shortcut.

If you check the preview, you should still only see one paragraph of text so far (the one from the previous lesson).

End

In the next lesson, we’ll learn about another shortcut we can use to create an entire paragraph of text using just one word.

Final code

If you’ve followed all of the steps so far, this is the code that should be in between the body tags.

Complete and Continue