Beginner Html Lessons (Version 2)

Lesson 1: The Sandwich (HTML Structure)

Goal: Understand that every webpage needs a specific structure (Head & Body). ESL Vocab: Structure, Head, Body, Title, Open, Close.

  • Concept: HTML is like a sandwich. You have a top bun (<html>), the ingredients (<body>), and the bottom bun (</html>).
  • The Syntax: Explain that tags usually come in pairs: <tag> (Start) and </tag> (End).
  • Hands-on Practice:
    1. Open VS Code. Create a file named index.html.
    2. Type the basic skeleton:HTML<html> <body> Hello World! This is my first code. </body> </html>
    3. Save and open the file in Chrome/Edge to see the result.
Pages 1 2 3 4 5 6 7 8 9 10