Entrance Announcement
MICTE 2080
2080 Magh 07

Please contact us

User:Elina Lesson Plan 6: Difference between revisions

From ICTED-WIKI
Jump to navigation Jump to search
← Older editNewer edit →
VisualWikitext
Elina (talk | contribs)
265 edits
No edit summary
Elina (talk | contribs)
265 edits
Line 47: Line 47:
* Show examples of the HTML structure for creating an unordered list.
* Show examples of the HTML structure for creating an unordered list.


# '''Type"disc"'''
# '''[[Type"disc"]]'''
<body> 
<ul> 
<li>HTML</li> 
<li>Java</li> 
<li>JavaScript</li> 
<li>SQL</li> 
</ul> 
</body>
# '''Type "circle"'''
# '''Type "circle"'''
<body> 
<ul type="circle"> 
<li>HTML</li> 
<li>Java</li> 
<li>JavaScript</li> 
<li>SQL</li> 
</ul> 
</body>
# '''Type "square"'''
# '''Type "square"'''
<ul type="square"> 
<li>HTML</li> 
<li>Java</li> 
<li>JavaScript</li> 
<li>SQL</li> 
</ul>
# '''Type "none"'''
# '''Type "none"'''
<ul type="none"> 
<li>HTML</li> 
<li>Java</li> 
<li>JavaScript</li> 
<li>SQL</li> 
</ul>


== Hands on pratcice: ==
== Hands on pratcice: ==

Revision as of 03:03, 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.
  1. Type"disc"

<body>

  • HTML
  • Java
  • JavaScript
  • SQL

</body>

  1. Type "circle"

<body>

  • HTML
  • Java
  • JavaScript
  • SQL

</body>

  1. Type "square"
  • HTML
  • Java
  • JavaScript
  • SQL
  1. Type "none"
  • HTML
  • Java
  • JavaScript
  • SQL

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:

  1. What is the default item marker in unordered list of HTML?
  2. How to create un-ordered list in HTML with suitable example?
Retrieved from "https://icted.org.np/index.php?title=User:Elina_Lesson_Plan_6&oldid=923"