Get Started in 5 Minutes

Affordable and Clean Energy (HTML) Project

Create a web page that explores various renewable energy sources!

Activity Details

Part of the UN Sustainable Development Goals project, this coding project helps students to create their own web page exploring renewable energy, energy efficiency, and access to energy. Students design their own page showcasing sustainability issues!

Teacher Notes

Students will use their coding skills to create a web page in HTML that showcases sustainability issues. When they're done with this tutorial, encourage them to get creative.

Teacher Guide


CCSS-ELA: RI.6.4, RI.6.7, SL.6.1, RI.7.4, SL.7.1, SL.8.1, RI.8.4, RI.9-10.5
CCSS-Math: MP.1
K12CS: P1.1, P1.3, P2.1, P2.3-2.4, P3.2-3.3, P4.4, P5.1-5.2, P6.1-6.2, P7.2-7.3
CSTA: 2-AP-13, 2-AP-17, 3A-AP-17, 3B-AP-11
CS CA: 6-8.AP.13, 6-8.AP.16, 6-8.AP.17, 9-12.AP.12, 9-12.AP.16
ISTE: 1.c, 1.d, 4.d, 5.c, 5.d, 6.b

Get Started in 5 Minutes

  • 50+ tutorials for Grade K-12
  • Progress tracking (needs classroom setup)
  • Student metrics & certificates (needs classroom setup)
  • Lesson guides & answer keys
  • Marketing materials

Set Up Your Classroom

Grades 6+
Programming language HTML
Experience Advanced
Activity type DIY Project
Length 50 mins
Runs on: Chrome (29+), Firefox (30+), Safari (7+), or Edge (20+) browser

More Hour of Code Activities