HTML Tools
UKENRU

HTML Document Structure

Every HTML document starts with <!DOCTYPE html>, then the <html> tag contains <head> (metadata, invisible on the page) and <body> (the visible content).

Example

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>My page</title>
  </head>
  <body>
    <p>Page content goes here.</p>
  </body>
</html>
▶ Try it in the editor

Task

Add your own text inside body and change the title to your future page's name.

Related tools

The <head> tag

Purpose of <head>: a container for metadata, title, styles, and scripts.

The <body> tag

Purpose of <body>: the container for all of a page's visible content.