Bring web design to life with this hands-on HTML and CSS project where students create their own Animal Webpage from scratch! Perfect for middle school or high school computer classes, this guided activity introduces students to the fundamentals of HTML structure and CSS styling in a fun, creative way.

💻 What’s Included:

✅ Step-by-step instructions (student-friendly)

✅ Example “Flamingos” webpage template
✅ HTML and CSS code samples
✅ Visual examples of each stage
✅ Final completed HTML example file
✅ Ideal for classroom, distance learning, or independent study

🧠 Students Will Learn:

• How to structure a webpage using HTML tags (, , , , etc.)
• How to style their webpage with internal CSS (colors, fonts, alignment, borders)
• How to insert images and format them
• How to organize sections using tags and CSS IDs
• How to preview their webpage using a browser
  

🐾 Project Overview:

Students choose an animal of their choice and build a personalized webpage that includes:

• A colorful title section
• A paragraph about the animal
• Three images
• Styled sections using CSS for layout and design
  

The step-by-step guide walks them through saving, coding, and previewing their work — no prior experience needed!

🎯 Perfect For:

• Intro to Computer Science
• Web Design or STEM courses
• Digital Literacy
• Middle & High School Students (Grades 9-12)
• Beginners learning HTML/CSS