Visual Studio Code – How To Quickly Create Basic HTML Template

vscode-html-template

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.
vscode-html-template

Basic HTML Template Created by Visual Studio Code

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

1
2
3
4
5
6
7
8
9
10
11
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>
<body>
 
</body>
</html>

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

Related Posts

Leave a Reply

Your email address will not be published. Required fields are marked *