OBJECTIVE:-

By the end of the chapter, students will be able to explain:-

• Introduction to lists.
• Unordered and ordered lists
• List properties
• Description List
• Tables and its Properties

LESSON PLAN 

(PERIOD-WISE DISTRIBUTION) OF COURSE

Period Allotted (2 Theory + 1 Practical)

Period 1:-   Discuss the concept of HTML lists and tables and their purpose in presenting content.  Show examples of web pages that utilize lists and tables effectively. Explain the concept of ordered lists and their use in creating numbered lists. Introduce the <ol> tag and explain its purpose. Demonstrate how to create an ordered list by using <ol> and <li> tags. Guide students to create a simple ordered list of their favorite animals or hobbies using a text editor or HTML editor software. Explain the concept of nested lists and their use in creating subcategories or hierarchies. Demonstrate how to create nested lists by placing one list within another using appropriate tags. Encourage students to create a nested list of their favorite foods, categorizing them by breakfast, lunch, and dinner items.

• Explain the basic structure of an HTML table using the <table>, <tr>, and <td>tags.
• Show examples of tables and their various components, such as table headers and cells. Guide. students through the process of creating a simple table with two rows and two columns using the <table>, <tr>, and <td> tags. Demonstrate how to add table headers using the <th>tag.
• Encourage students to create their own small table, such as a timetable or a list of classmates' names and hobbies.

• Answer any questions or concerns raised by the students.
• Assign a small homework task for students to create a webpage that incorporates lists and tables.

Notes:- Adjust the timings according to the pace of the class and the level of students' familiarity with HTML. Feel free to include additional examples, hands-on exercises, or interactive activities to enhance student engagement and understanding.

Let’s Power Up Your Project!

1.HTML Lists-  This activity contains learning how to create ordered (<ol>) and unordered (<ul>) lists to organize content on a webpage.

2. Unordered HTML List -This activity contains learning how to create bullet-point lists using the <ul> tag with <li> items.It helps display items without any specific order, useful for menus, features, or simple lists.

3.Ordered HTML List -  This activity contains learning how to create numbered lists using the <ol> tag with <li> items.It helps display information in a specific sequence, useful for steps, instructions, or rankings.

4.HTML Tables -  This activity contains learning how to create tables using <table>, <tr>, <td>, and <th> tags to display data in rows and columns.