🟧

HTML Fundamentals

Level
8 lessons30 exercises~5h

Learn HTML from scratch with 30 hands-on exercises and a live preview editor. Document structure, text, lists, links and images, tables, forms, semantic HTML and accessibility, all runnable in your browser with instant visual feedback.

01. Document Structure

The skeleton of every web page and the anatomy of a tag.

The anatomy of an element

An HTML element is an opening tag, some content, and a closing tag: <p>Hello</p>. Tags can carry attributes in the opening tag, written as name="value".

The page skeleton

<!DOCTYPE html>
<html>
  <head>
    <title>My page</title>
  </head>
  <body>
    <h1>Hello</h1>
  </body>
</html>
  • <!DOCTYPE html> tells the browser to use modern HTML.
  • <head> holds information about the page, like the <title>.
  • <body> holds everything the visitor sees.
  • Comments look like <!-- a note --> and are not shown.

Resources

📖 MDN: HTML basics 📖 MDN: Document and website structure

Exercises (4)

The page skeleton

●●●

Write a complete HTML document: a <!DOCTYPE html>, an <html> element containing a <head> with a <title> of My First Page, and a <body> with an <h1> saying Hello.

HTML
Previewlive

Frequently Asked Questions

Do I need prior experience to take this course?

No. The course starts from the page skeleton and the anatomy of a tag, then builds up to forms, semantic HTML and accessibility. No prior HTML knowledge is required.

Can I run the exercises without installing anything?

Yes. Every exercise uses a dedicated HTML playground with a live preview. You write HTML and see the rendered result update instantly in the browser. There is nothing to install.

How long does the course take?

About 5 hours at a comfortable pace across 8 lessons and 30 exercises of increasing difficulty. You can work at your own speed and revisit any exercise at any time.

Is this course really free?

Yes, completely free, with no sign-up, no paywall, no ads and no tracking. CodeHelper is an open educational resource supported by the community.

Related

courseJavaScript Fundamentals74 hands-on exercises to learn JavaScript from scratch. Variables, math, arrays, objects, classes, DOM manipulation, async programming and REST APIs, all runnable in your browser.courseCSS FundamentalsLearn CSS from scratch with 31 hands-on exercises and a live preview editor. Selectors, colors and units, the box model, typography, display and positioning, flexbox, backgrounds and borders, transititoolXML FormatterProfessional XML formatter with syntax highlighting, statistics, XML to JSON conversion, and XPath query tester.toolHTML OptimizerProfessional HTML optimizer with minify and beautify modes. Compress, format, and optimize HTML with advanced whitespace control.

Free forever, no ads, no tracking. Support the project