ICTED-WIKI

User:Elina Lesson Plan 6

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.
  1. Type"disc"
  2. Type "circle"
  3. Type "square"
  4. Type "none"
  5. 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:

  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=4996"