HTML Foundations
Checking progress...Build the structural layer of a website with semantic, accessible HTML.
Open lessonHTML • CSS • JavaScript • Accessibility • Deployment
CodeStart Academy is a structured beginner pathway for learning how websites are planned, built, styled, made interactive, tested, and published.
<main>
<h1>Build the web</h1>
<button>Start</button>
</main>
Curriculum
Start with semantic HTML, build polished layouts with CSS, add interaction with JavaScript, then improve forms, accessibility, workflow, version control, performance, and deployment.
Learning path
Build the structural layer of a website with semantic, accessible HTML.
Open lessonControl typography, spacing, colour, hierarchy, and visual polish.
Open lessonUse Flexbox, Grid, and media queries to create adaptive interfaces.
Open lessonAdd logic, data, decisions, loops, and reusable functions.
Open lessonSelect elements, update the page, and respond to user actions.
Open lessonCollect input with accessible, secure, and user-friendly forms.
Open lessonCreate websites more people can perceive, operate, and understand.
Open lessonUse browser tools, file organisation, naming systems, and project habits like a professional.
Open lessonTrack changes, collaborate safely, and publish websites online.
Open lessonMake websites load quickly, respond smoothly, and feel polished.
Open lessonPlan, build, test, and publish a polished portfolio website.
Open lessonKeep it free
Optional donations help cover hosting, tools, maintenance, and future lesson improvements.