Skip to main content
Dan Rodney/1 min read

Topic 3E: Emmet: Creating a New HTML File

Inline vs Block Elements

FeatureDescription
InlineFlow with text — <span>, <a>, <em>. Width and height ignored.
BlockTake full width, start new line — <div>, <p>, <h1>. Respect width/height.
Master HTML & CSS at Noble Desktop

Noble Desktop's Full-Stack Web Development Certificate teaches HTML, CSS, and JavaScript — the complete front-end foundation.

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.

How to Create a New HTML File with Emmet

  1. Create a new file.
  2. Save the file as some-file-name.html so the app knows this is an HTML file.

  3. Type ! (that’s an exclamation point) and hit Tab to expand it.

    All the standard tags (like head and body) will be created.

  4. Hit Tab until the title is highlighted, then enter your title.
  5. Hit Tab again to jump into the body tag and you’re ready to code!

  6. You can delete the following line, which is old code for internet Explorer:

    <meta http-equiv="X-UA-Compatible" content="IE=edge">