{{define "main-page"}} Interactive HTML Tutorial

Learn HTML — Interactive Mini Tutorial

Hands-on lessons, short quizzes and tiny exercises.

{{template "intro" .}}
{{end}} {{/* --- Intro screen --- */}} {{define "intro"}}

Welcome 👋

In this short interactive tutorial you'll learn what HTML is, try a quick quiz, and write your first <h1> tag.

{{end}} {{/* --- Outline / summary --- */}} {{define "summary"}}

Lesson Outline

{{end}} {{/* --- Short lesson node --- */}} {{define "what-is-html"}}

What is HTML?

HTML stands for HyperText Markup Language. It's the language used to describe the structure of web pages using tags such as <h1>, <p>, <a> and others.

Key ideas

{{end}} {{/* --- Quiz node --- */}} {{define "quiz-what-is-html"}}

Quiz — What is HTML?

Choose the best answer:

{{range .QuizOptions}} {{end}}
{{end}} {{/* Keep an alias if older links use the other name */}} {{define "quiz-html-tags"}}{{template "quiz-what-is-html" .}}{{end}} {{/* --- Exercise: first tag --- */}} {{define "exercise-first-tag"}}

Exercise — Your first <h1>

Finish the HTML snippet so the page shows a heading that reads Hello World.

<!doctype html>
<html>
  <body>
    
    {{printf "%s" ""}}
  </body>
</html>
{{end}} {{/* --- Feedback fragments --- */}} {{define "correct-answer"}}

✅ Correct

{{.Explanation}}

{{end}} {{define "wrong-answer"}}

❌ Not quite

{{if .ShowHint}}
{{.Hint}}
{{end}}

Try again or review the lesson.

{{end}} {{/* --- Code-check results --- */}} {{define "code-pass"}}

🎉 Nice work — it passed!

{{.Output}}

{{end}} {{define "code-fail"}}

Looks like there is an issue

{{.Error}}

{{end}}