TPT
Total:
$0.00
HTML Lists Worksheet | Beginner Web Design |Middle School Computer Science
Share

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

    ,
      ,
    1. , type=, start=, nesting, , , , and more. Includes a "My Example or Notes" column students personalise.

📄 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


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.

Report this resource to TPT
Reported resources will be reviewed by our team. Report this resource to let us know if this resource violates TPT's content guidelines.

HTML Lists Worksheet | Beginner Web Design |Middle School Computer Science

Beyond CS Princess
14 Followers
$4.00

Highlights

Digital downloads
Grades icon
Grades
6th - 10th
Pages
20
Answer Key
Included
Teaching Duration
55 minutes

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

    ,
      ,
    1. , type=, start=, nesting, , , , and more. Includes a "My Example or Notes" column students personalise.

📄 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


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.

Report this resource to TPT
Reported resources will be reviewed by our team. Report this resource to let us know if this resource violates TPT's content guidelines.

Reviews

This product has not yet been rated.
Rated 0 out of 5

Questions & Answers

Loading
Loading