Interneting Is Hard, Hacker News

Comprehensive Curriculum

Our HTML & CSS tutorial is the only introduction to web development that you’ll ever need. Over a dozen chapters cover every aspect of crafting a quality web page, thousands of code examples explain each HTML element and CSS property, and a textbook worth of words provide important real-world context around when and why you’d want to use each of them.

Beautiful Diagrams

Our tutorial contains 250 diagrams that present complicated HTML and CSS concepts in simple, visual ways. Take our CSS Selectors chapter, for example. Instead of building your own mental model of how CSS selectors connect to HTML elements, you can visualize it the same way we do:

We think pretty matters, and our passion for pretty things permeates into the example projects you’ll be working on, too. If you want to build beautiful websites, you need to learn from people who care about design. We paid as much attention to the colors, typography, layout, and illustrations in our examples as we did to the HTML and CSS that we’re trying to teach you.

Modern Techniques

Our HTML & CSS tutorial covers modern techniques that are now considered best practices amongst professional web developers.

Whether you’re a complete beginner or a full-time web developer who just wants to brush up on the state of the industry, these chapters are for you.

Hands-On Examples

The best way to learn flexbox is to use it to move a bunch of boxes around. So, that’s exactly what we’ll do in the Flexbox chapter, as you can see below. This doesn’t just go for layouts, though — the entire tutorial follows this hands-on philosophy, from Basic Web Pages to Web Typography .

We meticulously designed our example projects to gently guide you through a new aspect of HTML and CSS while still demonstrating concepts with concrete scenarios.

This means that you’ll rarely read more than a paragraph or two without Writing some code and seeing what it does (so you’ll never get bored). In In addition, you’ll get a ton of practice working in a text editor and checking your code in a browser, just like real web developers do.

It’s 250% Free

Nobody should have to pay to start learning how to program, especially if they’re not sure whether or not they actually want to become a web developer. Our mission is to make web development accessible to as many people as possible. That’s why we’re offering our entire HTML & CSS tutorial for free. Get to it!