Interneting Is
Hard

Learning to code
shouldn’t be hard. We’re making it easier by putting together a comprehensive
set of web development tutorials to help transform complete beginners into
talented Interneting professionals. We’ve got the curriculum, all you need
is the motivation to start reading it.

Comprehensive Curriculum

14

Chapters

284

Code Examples

42,835

Words

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.

Your browser doesn’t support HTML videos

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
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 100% 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!