HTML Introduction

What is HTML?

HTML (HyperText Markup Language) is the standard language for web pages. It describes the structure and meaning of content — this is a heading, this is a paragraph, this is a link — using elements written as tags.

• HTML = structure and content
• CSS = presentation (CSS tutorial)
• JavaScript = behaviour (JavaScript tutorial)

A first page

Press Run to see how the browser renders it:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>My First Page</title>
</head>
<body>
  <h1>My First Heading</h1>
  <p>My first paragraph.</p>
</body>
</html>

Anatomy of an element

<p class="intro">Hello, world!</p>

• <p> is the opening tag, </p> the closing tag.
• class="intro" is an attribute that adds information.
• Everything between the tags is the element's content.

Some elements are void (empty) and have no closing tag: <br>, <img>, <input>, <meta>.