📋 Module 4: Lists, Tables, and Forms

 

Lesson 4.1: HTML Lists

🔹 Types:

• Ordered list: <ol>
• Unordered list: <ul>
• Description list: <dl>, <dt>, <dd>

🔹 Example:

<ul>
  <li>HTML</li>
  <li>CSS</li>
</ul>
        

📝 Assignment:

• Create a grocery list using an unordered list
• Create steps for a recipe using an ordered list

Lesson 4.2: Tables

🔹 Tags:

• <table>, <tr>, <td>, <th>
• Advanced: <thead>, <tbody>, <tfoot>, colspan, rowspan

🔹 Example:

<table>
  <thead>
    <tr><th>Day</th><th>Task</th></tr>
  </thead>
  <tbody>
    <tr><td>Monday</td><td>Write code</td></tr>
  </tbody>
</table>
        

📝 Assignment:

• Build a weekly schedule with at least 5 rows

Lesson 4.3: Forms and Input Types

🔹 Input Elements:

• Text: <input type="text">
• Email, password, checkbox, radio
• <textarea>, <select>, <option>, <button>

🔹 Example:

<form>
  <label> for="email">Email:</label>
  <input type="email" id="email" required>
  <button> type="submit">Submit</button>
</form>
        

📝 Assignment:

• Build a contact form with 3 input fields and a submit button