Setting up a document

Boilerplate

A standard boilerplate can be inserted into your html documents by typing html:5 in VS Code.

html

<!DOCTYPE html>
<html lang="en">
  <head>
    <!-- Meta info goes here -->
  </head>
  <body>
    <!-- Content goes here -->
  </body>
</html>

The <head> elements contains information about the page.

html

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Document</title>
</head>

The body contains visible elements.

Elements enclose their content with <opening> and </closing> tags. Elements can contain other elements.

html

<body>
  <h1>FrameRate</h1>

  <h2>Reviews</h2>

  <p>The Fifth Element is the greatest sci-fi movie ever made.</p>
</body>