HTML 101

A practical HTML5 series built from real experience writing markup for documentation sites, tool dashboards, and static web pages across my projects.

HTML is the layer everything else rests on. Before I wrote Python, Rust, or React, I was writing plain HTML β€” structuring pages, wiring up forms, and learning the hard way why semantic markup matters. This series covers what I actually know and use, not a textbook tour.

Articles

Part
Topic

Document Structure β€” DOCTYPE, head, body, metadata

Semantic HTML β€” Headings, text content, section elements

Links, Images, and Media

Forms and User Input

Accessibility, SEO, and Modern HTML5

Prerequisites

  • A text editor (VS Code recommended)

  • A browser

  • No prior knowledge assumed

How I Use HTML

Every project I ship that has a web interface starts with raw HTML β€” even if it ends up inside a React component or a Jinja template. Understanding the markup layer cleanly makes debugging browser issues, reading rendered output, and writing maintainable templates significantly easier.

Last updated