typestar

The document skeleton in HTML

Five lines that every page needs before it needs anything else.

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Typing practice</title>
  </head>
  <body>
    <h1>Typing practice</h1>
  </body>
</html>

How it works

  1. The doctype is not a tag; it just says this is HTML5.
  2. lang on <html> tells screen readers and translators what to expect.
  3. The charset meta must appear in the first 1024 bytes of the file.

The run, in numbers

Lines
11
Characters to type
218
Tokens
56
Three-star pace
60 tpm

At the three-star pace of 60 tokens a minute, this run takes about 56 seconds.

Type this snippet

Step 1 of 3 in The document, step 1 of 28 in Document structure.

Next →