aidemia--modules-lessonstartideas_type	Give a creative idea how to begin a lesson
Which subject	Computer science
What age group	Year or Grade 7
What topic	HMTL ONLY paragraph tags, heading tags, bulleted and numbered list tags
Quantity	1
Any other preferences	lesson where students make a gimkit

HTML Basics: Tags and Structure

Lesson Introduction: Create Your Own Gimkit!

Welcome to our exciting lesson on HTML! Today, we’re going to dive into the basics of structuring web pages using HTML, focusing specifically on paragraph tags, heading tags, and lists. But here’s the twist: instead of just learning about these tags, you will put your knowledge to the test by creating your very own Gimkit!

What is Gimkit?

Gimkit is an engaging and interactive way to learn through quizzes. You will create questions based on what you learn about HTML, and then we’ll play with your quizzes to reinforce what we’ve just covered. Let’s get ready to showcase our creativity and knowledge!

Learning Objectives

By the end of this lesson, you'll be able to:

1. Identify and use HTML paragraph tags <p> for structuring content.
2. Utilize heading tags <h1> to <h6> to create a hierarchy in your text.
3. Create bulleted and numbered lists using <ul> and <ol> tags.
4. Develop questions for a Gimkit that highlight your understanding of HTML tags.

---

The Components of HTML

Introduction to Tags

HTML, or HyperText Markup Language, uses tags to inform the browser how to display text on a webpage. Let’s break down the key components we will use today.

Heading Tags

• Heading tags range from <h1> to <h6>, where <h1> is the most important (often the title) and <h6> is the least important.
• For example:
  • <h1>Welcome to HTML Basics!</h1>
  • <h2>What We’ll Learn Today</h2>

Paragraph Tags

• Paragraph tags are represented by <p> and are used for containing text.
• Example: <p>HTML is the foundation of web development.</p>

Lists

• Unordered lists (bulleted) are created using <ul> and <li> for each list item.
• Ordered lists (numbered) use <ol> the same way.
• Examples:
  • Unordered:

    <ul>
      <li>HTML tags are essential for web pages.</li>
      <li>You can use lists to organize information.</li>
    </ul>

  • Ordered:

    <ol>
      <li>Open your text editor.</li>
      <li>Create an HTML file.</li>
      <li>Add your HTML tags!</li>
    </ol>

---

Creating Your Gimkit Questions

Now that you’ve learned about the essential HTML tags, it’s your turn to create questions for your Gimkit! Here’s how you can get started:

1. Write 5 questions based on the HTML tags we discussed. For example:

   • What tag is used for the most important heading?
   • How do you create a bulleted list in HTML?

2. Prepare your answers and make sure they highlight your understanding of the topic.

3. Format your questions and answers using HTML to reinforce what you've learned.

---

Conclusion

By the end of this lesson, you will not only understand how to use fundamental HTML tags, but you'll also have created a fun and educational Gimkit that you can share with your classmates! Let’s get started with our HTML adventure!

Activity: Build Your Gimkit

• Gather your pens and paper or your laptops!
• Begin drafting your HTML questions and answers based on our lesson.
• Remember to be creative and have fun with it!

---

Happy coding, and let your creativity shine!