User:Elina Lesson Plan 5

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

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)
2. Capital Roman number(I II II)
3. Small Roman number(i ii iii)
4. Capita alphabet(A B C)
5. Small alphabet (a b c)

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?