Free beginner tutorial

HTML Tutorial for Beginners

HTML (HyperText Markup Language) describes the structure and meaning of web content. Learn the building blocks, create your first page, and follow practical lessons at your own pace.

What HTML does

HTML uses elements to organize text, links, images, lists, tables and forms. Browsers read this markup and present the page. CSS controls visual styling, and JavaScript can add interactive behavior.

Create a simple HTML page

Save this example as index.html, then open it in a browser:

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>My first page</title>
</head>
<body>
  <h1>Hello, web!</h1>
  <p>This is my first HTML page.</p>
</body>
</html>

Open the first-page demo in a new tab or continue to HTML editors.

Explore the HTML lessons

Elements and attributesBuild page structure and add information to elements. Links and file pathsConnect pages and locate files with URLs. Images and responsive HTMLAdd meaningful images and offer suitable image sizes. Lists and tablesOrganize grouped items and tabular data. FormsCollect information with labeled form controls. Semantic HTMLUse meaningful elements to organize page regions.

Use headings in a logical order, provide useful alternative text for informative images, and label form controls. These basics make pages easier to understand and use.