LearnAboutProjectsEventsBlogContact
Web DevelopmentBeginnerFree

๐Ÿ–ฅ๏ธ HTML & CSS Foundations

Build real web pages from scratch

HTML is the structure of every web page. CSS is what makes it look like something. Together they are the first thing every web developer learns โ€” and the foundation everything else is built on. This course takes you from a blank file to a deployed, responsive web page.

๐Ÿ”—

Connected curriculum โ€” Course 3 of 4

This course follows Save Your Code and How the Internet Works. In those courses you learned that the browser reads HTML first, then applies CSS. Now you write that HTML and CSS yourself โ€” and track every change with Git.

~4 hours total14 lessons520 learners
14
Lessons
~4 hrs
Duration
Beginner
Level
Free
Price
Start Course

What you'll build

Three real projects โ€” one per module. By the end you have a deployed website.

๐Ÿ“„

Module 1

Your first HTML page

A raw HTML file with headings, paragraphs, links, and images โ€” no CSS yet.

๐Ÿชช

Module 2

A styled profile card

A card component with your name, role, skills, and a call-to-action button โ€” fully styled.

๐Ÿš€

Module 3

A full one-page website

Navbar, hero section, and footer โ€” responsive, deployed, and accessible via a real URL.

What you'll learn

Understand exactly how a browser reads and renders HTML
Structure any web page using the right HTML elements
Style pages with CSS โ€” colours, fonts, spacing, layout
Master the box model that controls all spacing on the web
Build layouts with Flexbox and CSS Grid
Make pages look great on mobile, tablet, and desktop
Build a navigation bar, hero section, and profile card
Deploy a complete multi-section page to the internet

Course curriculum

After this course โ†’

Python for Beginners

Once you can build and style pages, Python teaches you programming logic โ€” variables, loops, functions. The same thinking you used to structure HTML applies to Python. JavaScript (to make pages interactive) comes after Python.

View all courses โ†’