</> ConvertAtlas Developer Tools
Free course · Beginner · 16 lessons · Practical examples

HTML Fundamentals

Build real web pages from scratch — clean, semantic, accessible HTML, with live examples you can edit.

A complete, free HTML course for absolute beginners. Learn how web pages are structured, then master text, links, images, tables, forms, semantic and accessible HTML — with live, editable code examples in every lesson.

Start lesson 1 View curriculum
16Lessons
16Available now
BeginnerLevel
YesExercises
YesQuizzes
FreeAccess

Who this course is for

If any of these sound like you, you are in the right place.

Total beginners
Students
Aspiring developers
Designers
Content creators
AI course graduates
Curious hobbyists

What you will learn

  • Understand how web pages and HTML actually work
  • Write a complete, valid HTML document from scratch
  • Structure text with headings, paragraphs and emphasis
  • Create links, navigation, lists, images and tables
  • Build real forms with inputs, labels and validation
  • Use semantic elements for clearer, better pages
  • Make pages accessible to everyone
  • Write SEO-friendly head metadata
  • See how HTML connects to CSS and JavaScript
  • Build a complete web page as your final project

Full curriculum

All 16 lessons are available — start anywhere or follow the path in order.

1 Getting Started

1 What Is HTML?Meet the language that gives every web page its structure — and write your very first line of HTML. Beginner11 min 2 How an HTML Document Is StructuredEvery page follows the same skeleton — doctype, html, head and body. Learn it once and reuse it forever. Beginner12 min 3 Text and HeadingsHeadings, paragraphs and emphasis — the everyday elements that make up most of the web. Beginner12 min

2 Building Content

4 Links and NavigationThe "HyperText" in HTML — how links connect pages, and how to build navigation. Beginner12 min 5 ListsOrdered, unordered and description lists — for menus, steps, features and more. Beginner10 min 6 Images and MultimediaAdd images, figures, audio and video — and why the alt attribute matters so much. Beginner12 min 7 TablesDisplay rows and columns of data with proper, accessible table markup. Beginner11 min

3 Forms

8 Forms and InputsCollect information from users — the form element, input types, and the all-important label. Beginner13 min 9 Form Controls and ValidationTextareas, selects and buttons — plus built-in HTML validation that catches mistakes before submit. Beginner13 min

4 Semantic & Modern HTML

10 Semantic HTMLGive your pages real meaning with header, nav, main, section, article, aside and footer. Beginner12 min 11 HTML and AccessibilityBuild pages everyone can use — alt text, labels, headings, focus and a few ARIA basics. Beginner12 min 12 HTML Meta, SEO and the <head>The invisible part of your page that search engines and social networks read. Beginner12 min

5 Connecting & Building

13 HTML + CSS: How They Work TogetherConnect a stylesheet and target elements with classes and ids — the bridge from structure to style. Beginner12 min 14 HTML + JavaScript: Adding BehaviorThe script element and your first interactivity — the bridge from structure to behavior. Beginner12 min 15 Common HTML Mistakes and Best PracticesThe errors beginners make most — and the simple habits that keep your HTML clean and valid. Beginner11 min 16 Final Project: Build a Complete Web PageBring everything together into a semantic, accessible, SEO-ready personal profile page. Beginner14 min

A practical learning approach

This is a course, not just an article. Every lesson is built to be used.

Real examples
Copy-ready prompts
Quizzes with feedback
Checklists
Mini tasks
Visual explanations
Final project
Final project

Build a complete personal profile page

For your final project you will build a full web page from scratch: a semantic layout with header, navigation, main content sections and footer, plus an image, a list, a table, a working contact form, and a proper SEO-friendly head. It becomes the perfect starting point for your own website or portfolio.

  1. Set up a valid HTML document with a complete head
  2. Build a semantic layout: header, nav, main, sections, footer
  3. Add an image, a list and a table with real content
  4. Create a contact form with labels and validation
  5. Run through the accessibility and best-practice checklist

Frequently asked questions

Is this HTML course free?

Yes — completely free, with no sign-up. Every lesson, live example, quiz and the final project are open to everyone. Your progress is saved privately in your browser.

Do I need any experience?

None. This course assumes you have never written a line of code. It starts from "what is HTML" and builds up one small step at a time.

Do I need to install anything?

No. Every lesson has live, editable examples right on the page, so you can write HTML and see the result instantly without any setup. A simple text editor is all you would ever need later.

How long does it take?

About 7 to 9 hours in total, but you learn at your own pace. Each lesson takes 10–20 minutes and your progress is saved automatically.

Will this help me build a real website?

Yes. By the final project you will build a complete, semantic, accessible web page. HTML is the foundation — the CSS and JavaScript courses build on it next.

Will more lessons be added?

The full 16-lesson path is shown from the start. The first lessons are fully available now and the rest are being added, with CSS and JavaScript courses to follow.

Start learning AI today

Free, practical and beginner-friendly. Your first lesson takes about 10 minutes.

Start lesson 1