HTML Structure + Logo Placement (Cheat Sheet)

🎯 Learning Intention

I will learn where and how logos appear in professional websites.

✅ Success Criteria

I can describe at least 2 ways logos are integrated into web pages.

🌍 Why Are We Learning This?

Web design isn’t just making a logo — it’s knowing how it lives in HTML/CSS.

🧠 Warm-Up

“Where do you usually see company logos on websites?”

📚 Word of the Day

Favicon – Small icon displayed in browser tabs.

📣 Mini Lecture (10 min)

• Semantic tags: <header>, <nav>, <footer>.
• Using <img> for logos + alt text for accessibility.
• Linking logo back to homepage.

✅ CFU: Students mark logo positions on a blank wireframe sketch.

🤝 Guided / Independent Work (35 min)

• Distribute HTML Branding Cheat Sheet (with code snippets).
• Students add logo placement ideas into their web design journals.

🌀 Wrap-Up