Entrance Announcement
MICTE 2080
2080 Magh 07
User:Elina Lesson Plan 6: Difference between revisions
Jump to navigation
Jump to search
mNo edit summary |
|||
| Line 6: | Line 6: | ||
== Specific Objectives: == | == Specific Objectives: == | ||
* Student will understand the concept of un-ordered list in HTML | * Student will understand the concept of un-ordered list in HTML. | ||
* student will be able to create un-ordered list using HTML | * student will be able to create un-ordered list using HTML. | ||
== Teaching Materials: == | == Teaching Materials: == | ||
* Computer/laptop for each students or a projetcor for demonstartion | * Computer/laptop for each students or a projetcor for demonstartion, | ||
* Text editor (such as Notepad++, sublime text and VS code etc) | * Text editor (such as Notepad++, sublime text and VS code etc), | ||
* Internet access for additional resource(optional) | * Internet access for additional resource(optional). | ||
== Introduction: == | == Introduction 1min: == | ||
* Brifely introduce the concepts of un-ordered list in HTML | * Brifely introduce the concepts of un-ordered list in HTML, | ||
* HTML Unordered List is also known as Bulleted List in HTML | * HTML Unordered List is also known as Bulleted List in HTML, | ||
* It displays elements in bulleted format | * It displays elements in bulleted format, | ||
* An unordered list starts with the <nowiki><ul> tag . and Each list item starts with the <li> tag.</nowiki> | * An unordered list starts with the <nowiki><ul> tag . and Each list item starts with the <li> tag.</nowiki> | ||
* We can use unordered list where we do not need to display items in any particular order. | * We can use unordered list where we do not need to display items in any particular order. | ||
== Types: == | == Types 2min: == | ||
{| class="wikitable" | {| class="wikitable" | ||
|+ | |+ | ||
| Line 42: | Line 42: | ||
|} | |} | ||
== Classroom activity: == | == Classroom activity 3min: == | ||
* Demonstarte the creation of an un-ordered list in HTML using a text editor or on a projector. | * Demonstarte the creation of an un-ordered list in HTML using a text editor or on a projector. | ||
| Line 48: | Line 48: | ||
# '''[[Type"disc"]]''' | # '''[[Type"disc"]]''' | ||
# '''[[Type "circle"]]''' | # '''[[Type "circle"]]''' | ||
# '''[[Type "square"]]''' | # '''[[Type "square"]]''' | ||
# '''[[Type "none"]]''' | # '''[[Type "none"]]''' | ||
# Encourage the student to ask the questions.<br /> | |||
== Hands-on-pratcice 3min: == | |||
== Hands on pratcice: == | |||
* Provide a task or exercise for student to create their own unordered list. | * Provide a task or exercise for student to create their own unordered list. | ||
| Line 62: | Line 59: | ||
* Walk around to assist student and answer questions. | * Walk around to assist student and answer questions. | ||
== | == Conclusio 1 min: == | ||
* Summarize the key points covered during the lesson. | * Summarize the key points covered during the lesson. | ||
Revision as of 03:12, 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 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 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.
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?