2-1Introducing HTML

📌 Complete these items before class

• 📚 Module 1.1, pp. 28–32
• Codecademy: Introduction to HTML
• Codecademy: HTML Document Standards

Warm up

• Revisit the graphics from Module 1.1

Learning objectives

1. Build a valid HTML page using semantic elements (header, nav, main, footer) with a correct doctype and external link.
2. Embed an image with appropriate alt text and explain why alt text matters for accessibility.
3. Interpret a website’s network activity using DevTools to identify the types and volume of resources loaded.

👉 Work during class

Using 📚 Module 1.1 Introducing HTML (pp. 28–32)

Individual — Build Your First HTML Page

Follow Module 1.1 to create a page about yourself or a topic you care about. Required: doctype, head with title, semantic body elements (header, nav, main, footer), one image with alt text, one external link. Validate at validator.w3.org before end of class.

Pair — “What’s in the Box?” Open DevTools → Network tab on two different websites. Reload. How many requests? What file types? How many MB? Compare and report one surprising finding to the class.

📌 Homework

• 📚 Module 1.2, pp. 33–39
• Hello World!