HTML and CSS Tutorial on Scrimba
Quick Answer: Free, 5.7-hour Beginner course. Same curriculum as the main HTML and CSS course, offered on an alternate Scrimba URL. For full context and learning notes, see the canonical HTML and CSS guide.
Last reviewed: March 2026.
HTML and CSS Tutorial
FreeThis course will teach you HTML and CSS through building and deploying five awesome projects. It is also fully interactive, with over 75 coding challenges. There are no prerequisites, so it is suitabl
View on Scrimba (opens in a new tab)About This Course
This course will teach you HTML and CSS through building and deploying five awesome projects. It is also fully interactive, with over 75 coding challenges. There are no prerequisites, so it is suitable for absolute beginners.
This Beginner-level course covers 5.7 hrs of content across 80 interactive screencasts. It is available for free — no subscription required.
- Duration: 5.7 hrs
- Level: Beginner
- Access: Free (no subscription required)
- Modules: 6
- Total Lessons: 80
What Makes This Course Distinctive
This URL points at the same beginner HTML and CSS track as html-and-css: five projects, 80 interactive screencasts, and many challenges. Scrimba sometimes links older paths like /learn/htmlandcss while newer share links use learn-html-and-css-c0p. Use whichever URL you already have bookmarked. The learning experience matches the canonical page: you code inside lessons, build deployable pages, and prepare for frontend or fullstack paths. For interlinking and updated editorial notes, prefer the HTML and CSS doc on this site.
Module Breakdown
| Module | Duration | Lessons |
|---|---|---|
| Build & Deploy Your First Website | 74 min | 14 |
| Build a Google.com clone | 82 min | 19 |
| Build a Digital Business Card | 72 min | 18 |
| Build a Space Exploration Site | 44 min | 9 |
| Build a Birthday GIFt Site | 99 min | 20 |
| Solo Project: Hometown Homepage | 8 min | 0 |
What you'll build
- Build & deploy your first website
- A Google.com–style page
- A digital business card
- A space exploration site
- A birthday gift site
- Solo project: hometown homepage
These hands-on projects reinforce what you learn and give you portfolio-ready work to show employers.
Prerequisites
No prior programming experience is required. A web browser and willingness to learn are all you need.
Who Is This Course For?
- Best for: Beginners who landed on this slug from an old Scrimba link and want the same free HTML and CSS track.
- Not ideal if: You need the primary guide URL and metadata. Use HTML and CSS instead.
Part of These Learning Paths
Choose This If
- You already use the
htmlandcssScrimba URL and want confirmation it is the same 5.7-hour Free Beginner course. - You want the same project-based HTML and CSS path described on the canonical page.
- You need a working link from bookmarks or emails and still want Grid and Flexbox practice links in Related Pages below.
Related Courses
Practice & Learn More
- Practice CSS Grid
- Practice Flexbox
- Practice Tailwind CSS
- How Long Does It Take to Learn Coding?
- Scrimba vs Codecademy | All Comparisons
Related Pages
- HTML and CSS (canonical)
- Frontend Developer Path
- CSS & Design Courses
- All Courses
- Scrimba Pricing
- Scrimba Review 2026
Yes! This course is completely free. No credit card or Scrimba Pro subscription is needed to start learning.
The course contains 5.7 hrs of interactive screencasts. Since you can pause and code along at your own pace, most learners finish in 1-2 weeks of regular practice.
Same five guided projects as the main HTML & CSS track: first deployed site, Google-style page, digital business card, space site, birthday site, plus a solo hometown homepage.
Ready to Upgrade Your Learning?
Use our partner link to claim 20% off Scrimba Pro and unlock all courses and career paths.