Comm-101Comm-101 Essentials of Digital Media

Modern Web Foundations

Meet the Riverhawk Rockets — your local soccer team.
Their website is written in HTML and CSS.

In these three interactive challenges, you'll learn how modern websites are built by exploring the core ideas behind HTML and CSS. You'll start by learning how to read and understand HTML, then discover how CSS controls the appearance of a webpage, and finally explore the structure and components used in modern websites.

Complete the challenges in order and track your progress as you go. Each activity builds on the skills from the previous one.

After the challenges, you'll put those skills to work by editing the Rockets website yourself — modifying HTML and CSS, then uploading the finished pages to a server.

Challenge 1

Reading HTML

Learn the basic HTML skeleton, tags, visible content, links, and attributes.

○ Not completed Challenge 2

Reading CSS

Learn selectors, properties, values, classes, IDs, and how CSS connects to HTML.

○ Not completed Challenge 3

Modern Web Concepts

Learn headers, nav, hero sections, cards, semantic structure, errors, and responsive design.

○ Not completed
Complete each challenge to mark it finished on this page.