HTML Basics • 36 lessons

Start from zero and build real pages.

Every tag you need to build pages - from the basics to hidden gems most tutorials skip. Complete HTML tutorial for beginners — from what is html to hidden tags. Free, no signup.

36 lessons · 36 live examples · 100% free
Preview — HTML
<h1>Hello world</h1>
<p>Your first paragraph.</p>
<a href="#">Learn more</a>
index.htmldoctype htmlhtml tags
36 lessons • Live
HTML tutorial for beginners

Learn HTML basics the right way — from zero to first page

Searching for html tutorial, what is html or html basics? This 36-lesson track is a complete, free HTML tutorial for beginners that answers those queries directly with live code. No videos to pause, no setup — just edit and see.

What is HTML and what does HTML stand for?

What is HTML? HTML stands for HyperText Markup Language — the skeleton of every web page (Bing: 377 weekly impressions for what is html, 199 for what does html stand for). Our first lesson What is HTML? explains it in plain words and shows a live page you can edit. You will also learn html meaning and html definition without jargon.

See also: HTML elements • HTML attributes • HTML document structure

HTML tags list & HTML elements you will master

There are 110+ HTML tags — you do not need to memorize them. This track teaches the html tags list you actually use: headings <h1>–<h6>, paragraphs, links, images, lists, tables, forms, plus modern tags like dialog, details, meter, progress and datalist. Each tag has a dedicated lesson with a runnable example. See HTML elements and HTML headings.

  • html tags • html element • all html tags
  • html tags list • html elements list
  • what is a tag in html

HTML file, index.html & how to create your first page

Wondering how to create html file or what index.html means? In HTML Editors and HTML Page Structure you learn to save index.html, open it in a browser, and understand doctype html. Bing shows 1,665 impressions for index.html and 105 for index.html file — we answer both with step-by-step live code.

Why this track

Why learn HTML with HtmlRunner?

◐

Live editor on every lesson

Unlike w3schools (547 impressions) with static snippets, you edit and run code here. Change <h1> text and see the heading update instantly.

≡

Hidden gems included

Most tutorials stop at basics. We cover dialog, details, meter, progress, datalist — tags that make modern pages accessible and interactive.

▣

Private & free

No account, no email. All previews run in a sandboxed iframe. Your code never leaves your device.

Jiyasrul Alom Juwel
Jiyasrul Alom Juwel
Founder, HtmlRunner — building free tools for everyone. About the author →
f in G
Curriculum

HTML Basics curriculum

36 lessons — follow in order or jump to any tag. Every lesson has a Try it Yourself editor. Search for html tags list or what is html? Start with Phase 1.

Phase 1: Foundations 12 lessons

What is HTML, editors, structure, elements and attributes — the 10 tags you will use everywhere.

01What is HTML?→02HTML Editors→03Page Structure→04HTML Elements→05HTML Attributes→06Headings→07Paragraphs→08Styles→09Formatting→10Comments→11Links→12Images→
Phase 2: Core HTML — text, media & forms 12 lessons

Headings, paragraphs, links, images, lists, tables, forms and colors — build real pages.

13Tables→14Lists→15Buttons→16Colors→17Line Breaks→18Forms→
19details & summary→20dialog→21mark→22meter→23progress→24datalist→
Phase 3: Modern & Hidden Gems 12 lessons

Dialog, details, datalist, meter, progress, picture and other tags most tutorials skip.

25output→26template→27picture→28figure→29abbr & dfn→30bdi & bdo→31ruby→32wbr→33code tags→34time & data→35address→36del & ins→
Start Lesson 1 → Open Playground
FAQ

HTML Basics FAQ

HTML stands for HyperText Markup Language — the skeleton of every web page. See What is HTML?

HTML stands for HyperText Markup Language.

Over 110. This track covers the 36 most useful plus hidden gems like dialog and datalist.

This 36-lesson html tutorial for beginners with live editor on every page — no signup, no setup.

No. All lessons run in your browser.

Both teach standards, but here you edit and run live. Try HTML elements vs static w3schools snippets.

Ready for more?

Finished HTML? Learn to style with CSS or add interactivity with JavaScript — all free.

→ All Tracks