Create a starter HTML template in VS Code

C

Save time with VS Code’s shortcut for starter HTML templates.

First, select your language as HTML. Then start typing “HTML:5” and then click TAB on your keyboard. Now, the file will automatically populate with the following HTML starter code.

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  
</body>
</html>

Here are the easy steps for an HTML 5 starter template including meta tags in the head, language declaration, and body.

Use VS Code to populate your starter template for HTML by declaring your language and typing HTML then click the Tab button.
Use VS Code to populate your starter template for HTML by declaring your language and typing HTML then click the Tab button.

Did you know VS Code is made by Microsoft? Arguably, VS Code is the best Microsoft application out there for Mac users!

Happy Coding!

About the author

Kelly Barkhurst

Designer to Fullstack is my place to geek out and share tech solutions from my day-to-day as a graphic designer, programmer, and business owner (portfolio). I also write on Arts and Bricks, a parenting blog and decal shop that embraces my family’s love of Art and LEGO bricks!

Add comment

Recent Posts

Archives

Categories