Back to TrackClass 7 • Digital & AI Literacy
🌐
Unit Overview

HTML & CSS

Part of the digital & AI literacy track — this unit builds HTML & CSS in a way that is applied and inquiry-led.

🚀
Why it matters for the future

Develops AI-era computational thinking — among the fastest-growing 2030 skills.

🧠 Skills & Topics

Web design

Structure & Style.

Hands-on Skill

Doing HTML & CSS step by step.

Safe & Ethical Use

Applying HTML & CSS responsibly online.

🎯 Learning Outcomes

  • Builds a 2-page responsive site
  • Analyses how HTML & CSS works and applies it to a new situation
  • Justifies answers about HTML & CSS with clear reasoning
  • Connects HTML & CSS to a real-world example

🎲 Suggested Activities

  1. 1Build a tiny hands-on project applying HTML & CSS
  2. 2Research and summarise HTML & CSS in 5 points
  3. 3Debate a question about HTML & CSS

✅ How Learning is Checked

  • ◆Topic quiz and marked worksheet
  • ◆Mini-project assessed on a rubric
  • ◆Oral viva or structured peer assessment
🧰 Materials
Notebook and reference sheetsA supervised internet-enabled deviceBasic project materials
🔑 Key Vocabulary
Web designHands-on SkillSafe & Ethical Use

👨‍👩‍👧 At Home — for Parents

Discuss HTML & CSS at the dinner table and link it to real news or family life. Encourage your child to research questions rather than handing them answers.

🍎 In the Classroom — for Teachers

Open with an inquiry question on HTML & CSS, use worked examples then problem-solving, and close with an exit-ticket check. Build in peer discussion.

Interactive Lesson

HTML & CSS

Building the structure of the web.

Tags and Styles

HTML is the skeleton, CSS is the beautiful skin.

Explore the rest of this track

Every unit follows the same clear plan — skills, outcomes, activities, and home + classroom guidance.

Back to all units