Web Development Basics

AI-generated illustrated lesson. Hand-drawn and narrated, step by step.

HTML Basics

Why is every stunning website you've ever visited actually just a plain text file in disguise? Behind the gorgeous colors and animations lies a simple language called HTML.

HTML stands for HyperText Markup Language. Think of it as the raw skeleton of a house, while CSS is the paint and JavaScript is the interactive plumbing.

To build this skeleton, HTML uses 'tags' to label different types of content. A tag is just a keyword wrapped in angle brackets that tells the browser what a piece of text is.

  • HTML Basics
  • CSS Basics
  • JavaScript Basics
  • How the Web Works
  • HTTP and REST
  • JSON Explained
  • The DOM Explained
  • Responsive Design
  • What is a Framework
  • Frontend vs Backend

Premium unlocks the full 10-lesson set — watch it in My Magic Pencil.

▶ Watch on My Magic Pencil