Entrance Announcement
MICTE 2080
2080 Magh 07
User:Elina Lesson Plan 6
Jump to navigation
Jump to search
Subject: Computer science Unit: 7 Class: 7 Topic: HTML Un-ordered list Time: 10min period: 2nd Number of student: 20
Specific Objectives:
- Student will understand the concept of un-ordered list in HTML.
- student will be able to create un-ordered list using HTML.
Teaching Materials:
- Computer/laptop for each students or a projetcor for demonstartion,
- Text editor (such as Notepad++, sublime text and VS code etc),
- Internet access for additional resource(optional).
Introduction 1min:
- Brifely introduce the concepts of un-ordered list in HTML,
- HTML Unordered List is also known as Bulleted List in HTML,
- It displays elements in bulleted format,
- An unordered list starts with the <ul> tag . and Each list item starts with the <li> tag.
- We can use unordered list where we do not need to display items in any particular order.
Types 2min:
Types | Descriptions |
---|---|
Type "disc" | This is the default style. In this style, the list item are marked with bullets. |
Type "circle" | In this style, the list item are marked with Circle. |
Type "square" | In this style, the list item are marked with squares. |
Type "none" | In this style, the list item are not marked . |
Classroom activity 3min:
- Demonstarte the creation of an un-ordered list in HTML using a text editor or on a projector.
- Show examples of the HTML structure for creating an unordered list.
- Type"disc"
- Type "circle"
- Type "square"
- Type "none"
- Encourage the student to ask the questions.
Hands-on-pratcice 3min:
- Provide a simple task or exercise for students to practice creating their own unordered lists. For example, they create a list of their favorite teachers, books, or countries they want to visit.
- Encourage them to experiment with different types of bullets , color and alignments.
- Walk around to assist student and answer questions.
Conclusio 1 min:
- Summarize the key points covered during the lesson.
- Encourage students to practice creating lists on their own and explore additional resources online to further their understanding.
Assessment:
- What is the default item marker in unordered list of HTML?
- How to create un-ordered list in HTML with suitable example?