Entrance Announcement
MICTE 2080
2080 Magh 07
User:Elina Lesson Plan 6: Difference between revisions
Jump to navigation
Jump to search
Created page with " 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..." |
No edit summary |
||
| Line 4: | Line 4: | ||
Number of student: 20 | Number of student: 20 | ||
Specific Objectives: | == Specific Objectives: == | ||
* Student will understand the concept of un-ordered list in HTML | |||
* student will be able to create un-ordered list using HTML | |||
Introduction: | == Teaching Materials: == | ||
Brifely introduce the concepts of un-ordered list in HTML | |||
HTML Unordered List is also known as Bulleted List in HTML | * Computer/laptop for each students or a projetcor for demonstartion | ||
* Text editor (such as Notepad++, sublime text and VS code etc) | |||
An unordered list starts with the <ul> tag. Each list item starts with the <li> tag. | * Internet access for additional resource(optional) | ||
We can use unordered list where we do not need to display items in any particular order. | |||
Types: | == Introduction: == | ||
Classroom activity: | |||
Demonstarte the creation of an un-ordered list in HTML using a text editor or on a projector. | * Brifely introduce the concepts of un-ordered list in HTML | ||
Show examples of the HTML structure for creating an unordered list. | * HTML Unordered List is also known as Bulleted List in HTML | ||
Type"disc" | * It displays elements in bulleted format. | ||
Type "circle" | * An unordered list starts with the <nowiki><ul> tag . and Each list item starts with the <li> tag.</nowiki> | ||
Type "square" | * We can use unordered list where we do not need to display items in any particular order. | ||
Type "none" | |||
Hands on pratcice: | == Types: == | ||
Provide a task or exercise for student to create their own unordered list. | {| class="wikitable" | ||
Encourage them to experiment with different types of bullets , color and alignments. | |+ | ||
Walk around to assist student and answer questions. | !Types | ||
Conclusion: | !Descriptions | ||
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. | |Type "disc" | ||
Assessment: | |This is the default style. In this style, the list item are marked with bullets. | ||
What is the default item marker in unordered list of HTML? | |- | ||
How to create un-ordered list in HTML with suitable example? | |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: == | |||
* 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"''' | |||
== Hands on pratcice: == | |||
* Provide a task or exercise for student to create their own unordered list. | |||
* Encourage them to experiment with different types of bullets , color and alignments. | |||
* Walk around to assist student and answer questions. | |||
== Conclusion: == | |||
* 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? | |||
Revision as of 03:01, 7 December 2023
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:
- 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:
| 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:
- 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"
Hands on pratcice:
- Provide a task or exercise for student to create their own unordered list.
- Encourage them to experiment with different types of bullets , color and alignments.
- Walk around to assist student and answer questions.
Conclusion:
- 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?