> Canonical URL: https://codingcat.dev/course/html-for-a-10-year-old # HTML for a 10 Year Old | CodingCat.dev Course 🧶 CodingCat.dev Course2 Lessons[![](/logos/tags/html-symbol-light.svg)![](/logos/tags/html-symbol-dark.svg)HTML](/topic/html)[▶ Watch Course Playlist on YouTube ↗](https://www.youtube.com/@codingcatdev/playlists?sub_confirmation=1)[Start Course →](/course/html-for-a-10-year-old/lesson/html-basics) # HTML for a 10 Year Old ![CodingCat.dev tutorial cover image](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/af1c94461826c80c797c64b2633b7ea33e056960-1920x1080.png?w=1920&q=82&fit=max&auto=format)[![Alex Patterson](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson) ## course lessons. 1 Section · 2 Lessons1 ### Section 1 - [1.1HTML BasicsHTML for a 10 Year Old Basics![](/logos/tags/html-symbol-light.svg)![](/logos/tags/html-symbol-dark.svg)HTML![](/logos/tags/css-symbol-light.svg)![](/logos/tags/css-symbol-dark.svg)CSS📖 Written LessonStart Lesson →](/course/html-for-a-10-year-old/lesson/html-basics) - [1.2HTML TablesHTML for a 10 Year Old Tables![](/logos/tags/html-symbol-light.svg)![](/logos/tags/html-symbol-dark.svg)HTML📖 Written LessonStart Lesson →](/course/html-for-a-10-year-old/lesson/html-tables) ## course overview. ## HTML for a 10 Year Old Overview This course is meant to be ever evolving. We will continue to find easy examples to share with individuals just getting started in their career of HTML development. ✏️ Visual Architecture Diagram ## how this course connects together. Follow AJ through the layered stack topology from input contract to production output. Let’s build it!✏️ Architecture Diagram: HTML for a 10 Year OldLAYERED SYSTEM STACKARCHITECTURE DIAGRAM[Diagram Walkthrough]Content-driven layered-stack diagram for HTML for a 10 Year Old: HTML for a 10 Year Old -> Deterministic Engine -> Verified Production Artifact.AAA Contrast Verified ## related deep dives. [View All→](/blog)[![The Odin Project 5: Advanced HTML, CSS View Transitions & WCAG Accessibility](https://cdn.sanity.io/images/hfh83o0w/production/93736ccee5b8c088a202f319ce1223899a41f6bf-1376x768.png?w=1376&q=82&fit=max&auto=format)](/course/odin-advanced-html-css-and-a11y)November 4, 2026[![](/logos/tags/css-symbol-light.svg)![](/logos/tags/css-symbol-dark.svg)CSS](/topic/css)[#Accessibility](/topic/a11y)[![](/logos/tags/html-symbol-light.svg)![](/logos/tags/html-symbol-dark.svg)HTML](/topic/html)[+1](/course/odin-advanced-html-css-and-a11y) ### [The Odin Project 5: Advanced HTML, CSS View Transitions & WCAG Accessibility](/course/odin-advanced-html-css-and-a11y) Build 60fps GPU-accelerated animations, multi-page Astro View Transitions, WCAG AAA focus rings, and accessible native and Popover components. [![Alex Patterson](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![The Odin Project 3: Intermediate HTML, Modern Forms & CSS Grid Architecture](https://cdn.sanity.io/images/hfh83o0w/production/e81cb7bdd395cf1351722a2e6357da97cc3c1ed6-1376x768.png?w=1376&q=82&fit=max&auto=format)](/course/odin-intermediate-html-and-css-grid)November 4, 2026[![](/logos/tags/css-symbol-light.svg)![](/logos/tags/css-symbol-dark.svg)CSS](/topic/css)[![](/logos/tags/html-symbol-light.svg)![](/logos/tags/html-symbol-dark.svg)HTML](/topic/html)[#Design](/topic/design)[+1](/course/odin-intermediate-html-and-css-grid) ### [The Odin Project 3: Intermediate HTML, Modern Forms & CSS Grid Architecture](/course/odin-intermediate-html-and-css-grid) Master 2D CSS Grid layouts, Subgrid, CSS Custom Properties, fluid clamp() typography, container queries, and zero-JS form validation with :user-valid. [![Alex Patterson](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)