Real Life Examples of HTML Tags: Websites You Use Every Day

📚 Real Life Examples of HTML Tags: Websites You Use Every Day

HTML (HyperText Markup Language) is the standard markup language for creating web pages. HTML tags are the building blocks of any website. They define the structure and content of the page. Let's explore some common tags and where you might see them:

📝 Quick Study Guide

• 🧱 <div>: Used for creating divisions or sections on a webpage. Think of it as a container.
• 🖋️ <p>: Represents a paragraph of text.
• 🖼️ <img>: Embeds an image into the webpage. Key attributes include src (source) and alt (alternative text).
• 🔗 <a>: Creates a hyperlink to another webpage or a specific section of the current page. The href attribute specifies the link's destination.
• 🧮 <ul> and <ol>: Used for creating unordered (bulleted) and ordered (numbered) lists, respectively.
• 📄 <li>: Represents a list item within an unordered or ordered list.
• 📰 <h1> to <h6>: Defines headings of different levels. <h1> is the most important heading, and <h6> is the least.
• ⌨️ <input>: Used within forms to create interactive controls for users to enter data.
• 📊 <table>, <tr>, <th>, <td>: Used to create tables for displaying data in rows and columns. <table> is the container, <tr> defines a row, <th> defines a header cell, and <td> defines a data cell.

🧪 Practice Quiz

1. Which HTML tag is used to create a hyperlink?

   1. <p>
   2. <a>
   3. <img>
   4. <div>

2. Which tag is used to embed an image in HTML?

   1. <image>
   2. <src>
   3. <img>
   4. <pic>

3. What does the <ul> tag represent?

   1. Ordered List
   2. Unordered List
   3. Definition List
   4. Navigation List

4. Which tag defines the most important heading?

   1. <h6>
   2. <h3>
   3. <h1>
   4. <h9>

5. Which HTML tag is used to create a table row?

   1. <table>
   2. <td>
   3. <tr>
   4. <th>

6. Which tag is commonly used to create sections or containers on a webpage?

   1. <span>
   2. <div>
   3. <section>
   4. <article>

7. Which tag is used to create an interactive control for user input in a form?

   1. <button>
   2. <textarea>
   3. <input>
   4. <select>