Make it a real page

A real web page

• So far you wrote pieces of HTML. A full page wraps them in a frame.
• That frame is almost the same on every web page in the world.
• Let's meet it once — then it becomes a habit.

The four parts

• <!DOCTYPE html> — the first line. It says: this is modern HTML.
• <html> — wraps the whole page.
• <head> — hidden information about the page (like its <title>).
• <body> — everything you see on the page.

<!DOCTYPE html>
<html>
  <head>
    <title>My first page</title>
  </head>
  <body>
    <h1>Hello!</h1>
    <p>This is a real web page.</p>
  </body>
</html>

The title shows in the tab

• The <title> does not appear on the page itself.
• It is the name shown on the browser tab and in search results.
• Every page should have one.

Common mistakes

• A page needs <html>, a <head> and a <body>.
• The tab title comes from <title> inside <head>.

Now you try

• Notice how <head> and <body> sit inside <html>.
• Add a title, then give a page its doctype line.