Description
Does your class need a no-prep, print-ready lesson on HTML lists? This complete student worksheet walks beginners through unordered lists, ordered lists, nested lists, and description lists — all in one ready-to-use resource.
Part of the HTML Foundations Unit — Beyond CS Princess Web Creators Series
Perfect for:
- Middle school and high school computer science
- Intro to web design / web development courses
- Digital literacy and coding electives
- Homeschool STEM or enrichment programs
- Sub plans that don't require a computer (paper-first option included)
What's Included (6 student pages):
📄 Page 1 — Cover, Key Idea & Bell-Ringer Students observe how lists appear on real websites before coding begins. Includes a 6-item learning checklist.
📄 Page 2 — Vocabulary & Tag Reference (12 terms) Covers ,
,
📄 Page 3 — Guided Fill-In Notes Three structured fill-in-the-blank sections that mirror mini-lesson instruction. Includes a "Your Notes" workspace after each section.
📄 Page 4 — Coding Activity with Starter Code Students complete a full HTML page with a , nested
, and
. Includes a labeling workspace for identifying list containers vs. list items.
📄 Page 5 — Fix-the-Code Practice (5 mistakes) Students find and correct: inside , missing tags, nested list outside , wrong closing tag, and a list item placed outside the container.
📄 Page 6 — Exit Ticket & Self-Assessment Three tasks: write a , rewrite as
, explain when to choose each. Includes a misconception check and 5-skill self-assessment (Not Yet / Sort Of / Yes!).
Skills Covered: ✅ Create unordered lists with and
(numbered items) ✅ Choose
vs
based on whether order matters ✅ Nest a list inside another list to create sub-items ✅ Combine lists with , , and other HTML tags ✅ Identify and fix common list structure errors
Also Available (sold separately or as a bundle):
- ⭐ Teacher Lesson Plan & Guide (9 pages — scripts, tag reference, differentiation)
- ⭐ Answer Key + Grading Rubric (4 pages — model answers, 6-criteria rubric)
- ⭐ Teacher Presentation Slides (11 slides PPTX — dark design, code blocks)
Format: PDF — print-ready, black and white ink-friendly Grade Level: 6–10 (easily adapted for higher ed) Time: 45–60 minutes Platforms: Works with CodePen, Replit, local HTML files, or paper-first
Standards Alignment:
- CSTA 2-AP-12 / 2-AP-17
- ISTE 1.1d / 6.1b
- 21st Century Skills: Digital Literacy, Critical Thinking, Communication
Part of a growing HTML Foundations series. Each lesson builds on the last — works as a standalone or as a unit.
HTML Lists Worksheet | Beginner Web Design |Middle School Computer Science
Highlights
Description
Does your class need a no-prep, print-ready lesson on HTML lists? This complete student worksheet walks beginners through unordered lists, ordered lists, nested lists, and description lists — all in one ready-to-use resource.
Part of the HTML Foundations Unit — Beyond CS Princess Web Creators Series
Perfect for:
- Middle school and high school computer science
- Intro to web design / web development courses
- Digital literacy and coding electives
- Homeschool STEM or enrichment programs
- Sub plans that don't require a computer (paper-first option included)
What's Included (6 student pages):
📄 Page 1 — Cover, Key Idea & Bell-Ringer Students observe how lists appear on real websites before coding begins. Includes a 6-item learning checklist.
📄 Page 2 — Vocabulary & Tag Reference (12 terms) Covers ,
,
📄 Page 3 — Guided Fill-In Notes Three structured fill-in-the-blank sections that mirror mini-lesson instruction. Includes a "Your Notes" workspace after each section.
📄 Page 4 — Coding Activity with Starter Code Students complete a full HTML page with a , nested
, and
. Includes a labeling workspace for identifying list containers vs. list items.
📄 Page 5 — Fix-the-Code Practice (5 mistakes) Students find and correct: inside , missing tags, nested list outside , wrong closing tag, and a list item placed outside the container.
📄 Page 6 — Exit Ticket & Self-Assessment Three tasks: write a , rewrite as
, explain when to choose each. Includes a misconception check and 5-skill self-assessment (Not Yet / Sort Of / Yes!).
Skills Covered: ✅ Create unordered lists with and
(numbered items) ✅ Choose
vs
based on whether order matters ✅ Nest a list inside another list to create sub-items ✅ Combine lists with , , and other HTML tags ✅ Identify and fix common list structure errors
Also Available (sold separately or as a bundle):
- ⭐ Teacher Lesson Plan & Guide (9 pages — scripts, tag reference, differentiation)
- ⭐ Answer Key + Grading Rubric (4 pages — model answers, 6-criteria rubric)
- ⭐ Teacher Presentation Slides (11 slides PPTX — dark design, code blocks)
Format: PDF — print-ready, black and white ink-friendly Grade Level: 6–10 (easily adapted for higher ed) Time: 45–60 minutes Platforms: Works with CodePen, Replit, local HTML files, or paper-first
Standards Alignment:
- CSTA 2-AP-12 / 2-AP-17
- ISTE 1.1d / 6.1b
- 21st Century Skills: Digital Literacy, Critical Thinking, Communication
Part of a growing HTML Foundations series. Each lesson builds on the last — works as a standalone or as a unit.

