K–6TechNest
HTML & CSS Introduction
Build your first webpage
Ash
OtisBefore you start
- Age band
- K–6
- Time
- 25–50 minutes
- Quest type
- Hanging Out
- Guardian
- Cass · Box Elder
- Materials needed
- HTML & CSS: Design and Build Websites by Jon Duckett
- Developer Notebook / Coding Journal
- Wireless Mouse
Why this skill rocks
Learning HTML and CSS lets you build your own websites and make cool things appear on the internet right now! You can design your own digital world.
2034Where this could take you
By the time the Olympics hit, you could be designing amazing websites for Olympic events, creating cool apps, or even running your own tech company, building the digital future of Utah.
Optional grown-up materials
This quest works without a purchase. An adult can decide whether any material is useful.
Some links are affiliate links; a purchase may support SLCTrips at no extra cost. Learn more.
HTML & CSS: Design and Build Websites by Jon Duckett
RequiredThis is the most visually friendly HTML/CSS book ever made — each concept gets a full two-page spread with big diagrams and real code. Way better than reading walls of text online. Perfect for this quest.
Developer Notebook / Coding Journal
RequiredSketching out page layouts on paper before you code them saves enormous time. A dot-grid or graph-paper notebook is perfect for wireframing — drawing the boxes and columns of your layout before you touch a keyboard.
Wireless Mouse
Coding with a trackpad is fine but a mouse makes it much faster to click around the browser inspector and select code. Any basic wireless mouse works great.