Emmet

Intro

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

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.

<p>This is a paragraph.</p>

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.

<p></p>

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).

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

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

<p>This is a paragraph.</p>
<p></p>