HTML & CSS: Your First Web Page
Mark up text and style it to publish a simple personal page.
Materials
5 materials1
Warm-up prompt card
2
Worked example slides
3
Worksheet
3
Think-pair-share prompt cards
4
Exit slip
Lesson plan
4 phases, 56 minGoal
Students can build a web page with structured HTML and style it using CSS selectors.
1
Hook & warm-up
Spark curiosity with a quick prompt that connects html & css: your first web page to what students already know.
7 min
class
Warm-up prompt card
2
Direct instruction
Introduce the core ideas with a guided walkthrough and clear worked examples.
18 min
class
Worked example slides
3
Guided practice
Students apply the concept in pairs or small groups while the teacher circulates and confers.
24 min
pair
Worksheet
Think-pair-share prompt cards
4
Wrap-up & check
Consolidate the big idea and check understanding with a short exit ticket.
7 min
single
Exit slip
Interactive materials open in a read-only preview before purchase.
Ratings & comments
The differentiation notes are what sold me — I could stretch the fast finishers without writing anything extra.
The extension is optional in the plan, but I mark it for the students who choose it.
Really well structured. I adapted the warm-up slightly for my group and it worked beautifully. Saved me hours of prep.