Learn HTML & CSS Free

Software & IT

Start with HTML Crash Course For Absolute Beginners (61 min, Traversy Media), then HTML & CSS Full Course for free 🌎 (243 min, Bro Code). All 1020 lessons here are free, from the teachers' own official uploads. You'll need laptop stand, noise-cancelling headphones, second monitor and a few more basics (about $270 of kit). The book to keep beside you: HTML and CSS by Jon Duckett.

What you'll need

• Laptop stand: Screen at eye level for long study sessions.
• Noise-cancelling headphones: Focus through long video lessons.
• Second monitor: Video on one screen, practice on the other.
• Wireless keyboard and mouse: Comfortable for hours of typing.

Lessons

• HTML Crash Course For Absolute Beginners (61 min, Traversy Media, Beginner)
• HTML & CSS Full Course for free 🌎 (243 min, Bro Code, Intermediate)
• HTML Tutorial for Beginners: HTML Crash Course (70 min, Programming with Mosh, Beginner)
• Learn CSS in 1 hour 🎨 (60 min, Bro Code, Intermediate)
• Learn HTML in 1 hour 🌎 (60 min, Bro Code, Intermediate)
• CSS Crash Course For Absolute Beginners (85 min, Traversy Media, Beginner)
• HTML and CSS Tutorial for 2021 - COMPLETE Crash Course! (138 min, DesignCourse, Beginner)
• Learn CSS Grid the easy way (37 min, Kevin Powell, Beginner)
• Responsive navbar tutorial using HTML CSS & JS (49 min, Kevin Powell, Intermediate)
• Learn flexbox the easy way (34 min, Kevin Powell, Beginner)
• Learn HTML & CSS in 2022 | Crash Course (119 min, DesignCourse, Beginner)
• Ultimate Tailwind CSS Tutorial // Build a Discord-inspired Animated Navbar (13 min, Fireship, Intermediate)
• 10 CSS Pro Tips - Code this, NOT that! (10 min, Fireship, Advanced)
• Build a Curvaceous Homepage // Wavy Background Tutorial with SVG & CSS (12 min, Fireship, Intermediate)
• The 2020 Frontend Developer Crash Course for Absolute Beginners (135 min, DesignCourse, Beginner)
• The 2023 Frontend Development Crash Course - Learn HTML & CSS (129 min, DesignCourse, Beginner)
• Awesome Scrolling SVG Line Drawing - How they did it! (22 min, DesignCourse, Intermediate)
• The 2019 Frontend Developer Crash Course - HTML & CSS Tutorial for Beginners (161 min, DesignCourse, Beginner)
• Build a Responsive Website | HTML, CSS Grid, Flexbox & More (122 min, Traversy Media, Intermediate)
• Build and Deploy a Modern Next.js Website With Framer Motion & Tailwind CSS (132 min, JavaScript Mastery, Intermediate)
• Creating a Sushi-Themed Website: HTML & CSS Guide for Beginners (141 min, JavaScript Mastery, Beginner)
• CSS Grid Layout Crash Course (28 min, Traversy Media, Beginner)
• Incredible scroll-based animations with CSS-only (32 min, Kevin Powell, Intermediate)
• Learn Flexbox in 15 Minutes (15 min, Web Dev Simplified, Intermediate)
• Top 10 Advanced CSS Responsive Design Concepts You Should Know (20 min, Web Dev Simplified, Advanced)
• Animated Responsive Navbar with CSS - Plus Other Useful Tricks (12 min, Fireship, Intermediate)
• Build a Responsive Grid CSS Website Layout From Scratch (46 min, Traversy Media, Beginner)
• Create a Website With Video Background | HTML & CSS (35 min, Traversy Media, Intermediate)
• Flexbox Crash Course (47 min, Traversy Media, Beginner)
• Flexbox or grid - How to decide? (19 min, Kevin Powell, Intermediate)
• I Challenged The CSS King To A CSS Battle (38 min, Web Dev Simplified, Intermediate)
• Learn CSS in 20 Minutes (24 min, Web Dev Simplified, Intermediate)
• Learn CSS Position In 9 Minutes (9 min, Web Dev Simplified, Intermediate)
• Learn HTML – Full Tutorial for Beginners (248 min, freeCodeCamp.org, Beginner)
• Make Awesome SVG Animations with CSS // 7 Useful Techniques (12 min, Fireship, Intermediate)
• 7 ways to deal with CSS (6 min, Fireship, Intermediate)
• Awesome UI Interactions with the CSS Clip Path Property (16 min, DesignCourse, Intermediate)
• Create a neon button with a reflection using CSS (21 min, Kevin Powell, Intermediate)
• CSS Card with hover animation and mobile fallback (49 min, Kevin Powell, Intermediate)
• CSS Grid Crash Course (54 min, Traversy Media, Beginner)
• Learn CSS Animation In 15 Minutes (16 min, Web Dev Simplified, Intermediate)
• Learn CSS Grid in 20 Minutes (19 min, Web Dev Simplified, Intermediate)
• Learn HTML & CSS – Full Course for Beginners (322 min, freeCodeCamp.org, Beginner)
• Learn Sass in this Free Crash Course - Give your CSS Superpowers! (46 min, DesignCourse, Beginner)
• Parallax in HTML, CSS and JavaScript Tutorial - Let's make it happen! (32 min, DesignCourse, Intermediate)
• Responsive CSS Grid with NO MEDIA QUERIES! (20 min, DesignCourse, Intermediate)
• Responsive design made easy (43 min, Kevin Powell, Beginner)
• STOP The CSS Grid Confusion - 2 Ways to GRID! (26 min, DesignCourse, Intermediate)
• Tailwind CSS Full Course 2023 | Build and Deploy a Nike Website (170 min, JavaScript Mastery, Intermediate)
• The New dialog HTML Element Changes Modals Forever (12 min, Web Dev Simplified, Intermediate)
• 3D CSS - lighting, animations, and more! (45 min, Kevin Powell, Intermediate)
• 5+ Must Know HTML Tags That Almost Nobody Knows (16 min, Web Dev Simplified, Intermediate)
• An HTML & CSS Tutorial for 2018 - Part 2 of 2 (65 min, DesignCourse, Intermediate)
• Basic Parallax Website With HTML & CSS (21 min, Traversy Media, Beginner)
• Build a Modern Landing Page Website | HTML & CSS (75 min, Traversy Media, Intermediate)
• Build a Netflix Landing Page Clone with HTML, CSS & JS (92 min, Traversy Media, Intermediate)
• Build & Deploy a Personal Portfolio with TailwindCSS - 2022 Edition (98 min, DesignCourse, Intermediate)
• CS50W - Lecture 0 - HTML and CSS (124 min, CS50, Intermediate)
• CSS Before and After pseudo elements explained - part two: the content property (25 min, Kevin Powell, Intermediate)
• Flexbox CSS In 20 Minutes (20 min, Traversy Media, Intermediate)

Books on HTML & CSS

1. HTML and CSS by Jon Duckett - View on Amazon
2. CSS: The Definitive Guide by Eric A. Meyer - View on Amazon
3. Head First HTML and CSS by Elisabeth Robson - View on Amazon
4. Don't Make Me Think by Steve Krug - View on Amazon
5. Learning PHP, MySQL & JavaScript by Robin Nixon - View on Amazon