Comm-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.
Reading HTML
Learn the basic HTML skeleton, tags, visible content, links, and attributes.
○ Not completed Challenge 2Reading CSS
Learn selectors, properties, values, classes, IDs, and how CSS connects to HTML.
○ Not completed Challenge 3Modern Web Concepts
Learn headers, nav, hero sections, cards, semantic structure, errors, and responsive design.
○ Not completedGo to the Lab Exercise →