Skip to main content

Visual Studio Code – How To Quickly Create Basic HTML Template

Submitted by admin on Thu, 01/06/2022 - 08:51

In this Visual Studio Code tutorial, we will learn how to quickly create basic HTML template or HTML Skeleton Structure in Visual Studio Code.

Visual Studio Code is a great code editor by Microsoft with tons of useful features and shortcuts. And it is completely free.

Create a HTML file in Visual Studio Code and just type ! or doc and press enter.
That's it. Visual Studio Code will automatically add rest html codes and create a basic HTML template for you.

See below image.

Basic HTML Template Created by Visual Studio Code

This is the basic HTML template create by Visual Studio Code.

<html lang="en">
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">

Download Visual Studio Code

Visual Studio Code is completely free and available for Windows, Mac and Linux. You can download and install it from its official website.
Download Visual Studio Code


Add new comment

Restricted HTML

  • Allowed HTML tags: <a href hreflang> <em> <strong> <cite> <blockquote cite> <code> <ul type> <ol start type> <li> <dl> <dt> <dd> <h2 id> <h3 id> <h4 id> <h5 id> <h6 id>
  • Lines and paragraphs break automatically.
  • Web page addresses and email addresses turn into links automatically.