HTML Tutorial menu

HTML Tutorial

HTML is the language that gives every web page its structure: the headings, paragraphs, links, pictures, tables and forms you see on a website.

With HTML you can build your own website, and it is the first step to becoming a web developer.

This tutorial starts from zero. Each lesson is short, uses simple English, and has examples you can change and run yourself.

Easy Learning with "Try it Yourself"

Every example has a Try it Yourself button. It opens the code in our online editor, so you can change it and see the result straight away, with nothing to install.

Example

html
<!DOCTYPE html>
<html>
<head>
<title>My First Page</title>
</head>
<body>

<h1>Welcome to my website</h1>
<p>This page is made with HTML.</p>

</body>
</html>
Try it Yourself »

Click the button above, change the text between <h1> and </h1>, and click Run to see your change.

What You Will Learn

  • How a web page is put together, and how a browser reads it
  • Headings, paragraphs, text formatting, links and images
  • Lists, tables and the page layout tags used on modern websites
  • Forms for sign-up, contact and admission pages
  • Good habits: clean code, accessibility and SEO basics

Exercises and Quiz

Most lessons end with a short exercise. Answer it to check your understanding before you move on. The last lesson has a quiz on the whole tutorial.

Exercise

What does HTML stand for?

What to Learn After HTML

HTML gives a page its structure. Next, learn CSS to style it with colours, fonts and layout, and then JavaScript to make it interactive.

Want to learn with a teacher? The Workownix Web Development course covers HTML, CSS and JavaScript with real projects, online or at our institute in Orangi Town, Karachi.

Learn HTML with a teacher

Join the Web Development course at Workownix, online or in Orangi Town, Karachi, and get a certificate.

See the course Ask on WhatsApp