User:Elina Lesson Plan 5

Subject: Computer Science                                                      Topics:HTML ordered list      
Class: 7                                                                       Unit: 7                                                                                                                     period: 2nd
Time: 10min                                                                      
                                                                    

Specific Objectives:

At the end of this topics, student will be able to :

• Understand the concepts of ordered list in HTML,
• create the different types of ordered list.

Teaching Materials:

• Whiteboard,
• marker,
• Computer with text editor (such as Sublime text,VS code and notepad++),
• Browser for testing (chrome & ms edge).

Introduction 2 min:

• Begin by explaining the concepts of ordered list in HTML,
• HTML ordered list or Numbered List displays elements in numbered format,
• The HTML <ol> tag is used for ordered list.
• We can use ordered list to represent items either in numerical order format or alphabetical order format, or any format where an order is emphasized.

Types of ordered list 3 min:

Types	Descriptions
Type "1" or Numeric number (1,2,3)	This is the default type. In this type, the list items are numbered with numbers.
Type "I" or Capital Roman number( l II III)	In this type, the list items are numbered with upper case roman numbers.
Type "i" or Small Roman number( i ii iii)	In this type, the list items are numbered with lower case roman numbers.
Type "A" or capiatl alphabet(A B C)	In this type, the list items are numbered with upper case letters
Type "a" or Small alphabet(a b c)	In this type, the list items are numbered with lower case letters.

Classroom Activity 4 min:

open a code editor and demonstarte the following examples::

1. Numeric number(1,2,3)

1. Capital Roman number(I II II)

1. HTML
2. Java
3. JavaScript
4. SQL

1. Small Roman number(i ii iii)

1. HTML
2. Java
3. JavaScript
4. SQL

1. Capita alphabet(A B C)

1. HTML
2. Java
3. JavaScript
4. SQL

1. Small alphabet (a b c)

1. HTML
2. Java
3. JavaScript
4. SQL

Encourage the student to ask the questions.

Conclusion 1 min:

Review the key concepts covered during the lesson <ol> tag, <i> tag and different numbering types.

Provide the additional resources or excercises for further practices.

Assessment:

What is ordered list in HTML with exmaples?

what is the default value of order list in HTML?

How many types of ordered list are there in HTML?

why <li> tag is used in HTML?