Introduction
Explore HTML document basics, including metadata, titles, formatting, and how HTML works together with CSS to create page designs. Explore how computers represent colors, then create your very first page.
Headings and Images
Give your pages structure with headings, including customizing fonts and weights. Then add images to bring your page to life. Get practice by completing more HTML challenges.
All About Lists
Explore ordered and unordered lists — and advanced techniques like nested lists, and using lists with images. Adjust list spacing and sizing, too.
Adding Hyperlinks
Explore how to connect web pages with one another — the hyperlink. Learn how to add link attributes, use links with images, and create meaningful navigation for your site.
Using Containers
Learn how to organize your HTML code the modern way: Using containers. Learn all about the generic container known as <div>, too. Explore how this method of writing HTML allows for flexible, responsive designs.
Tables and Media
Display tabular data on your site, and learn how to add headers, formatting, and more. Then learn how you can use HTML5's latest features to add embedded video, sound, and GIFs.
More on Styling
Take your skills to the next level. Explore forms to allow users to submit information. And explore advanced CSS techniques like media queries, tooltips, and transitions.
Final Projects
Try your hand at some original design projects. Create pixel art with CSS, to create original sprite designs or even entire game levels. Then gather your favorite photos together — you'll need them for the Photo Gallery and a simple Instagram clone.