Explore our comprehensive Emmet tutorial that will guide you through creating a new HTML file, starting from creating a new file to coding within the body tag.
This exercise is excerpted from Noble Desktop’s front-end web development (Emmet coding tips) training materials and is compatible with updates through 2022. To continue learning web development with hands-on training, check out our coding bootcamps in NYC and live online.
How to Create a New HTML File with Emmet
- Create a new file.
- Save the file as some-file-name.html so the app knows this is an HTML file.
-
Type ! (that’s an exclamation point) and hit Tab to expand it.
All the standard tags (like head and body) will be created.
- Hit Tab until the title is highlighted, then enter your title.
- Hit Tab again to jump into the body tag and you’re ready to code!
-
You can delete the following line, which is old code for Internet Explorer:
<meta http-equiv="X-UA-Compatible" content="IE=edge">
