User:Elina Bastola/Lesson plan 2

From ICTED-WIKI
Revision as of 03:16, 12 March 2024 by WikiSysop (talk | contribs) (→‎Evaluation :)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search
Subject: Computer Science                                        Unit: 8                                                                      
Class: 7                                                         Topic:HTML(Hyper text markup language) heading
Time: 10min

Specific Objectives

At the end of this lesson, student will be able to:

  • understanding the concept of HTML heading,
  • create heading and sub-heading in HTML document.

Teaching Materials

  • Whiteboard & marker
  • Laptop and projector

Introduction 2min

  • HTML heading tag is used to define the headings of a page.
  • There are six levels of headings defined by HTML.
  • These 6 heading elements are h1, h2, h3, h4, h5, and h6.
  • <h1> defines the most important heading and <h6> defines the least important heading..

Heading types 2min:

  1. H1 heading: <h1> is used for the main heading. (Biggest in size)
  2. H2 heading: <h2> is used for subheadings,
    example
  3. H3 heading :<h3> -,h5> heading are also used in subheading.
  4. H6 heading: <h6> for the small heading (smallest one).
  5. https://www.w3schools.com/html/html_headings.asp

Classroom Activity 3min:

  • Open a Notepad and start writing a basic HTML structure.
  • Demonstrate the use of heading tag by creating a simple webpage.

Hands on practice 2 min:

  • Ask students to create their own basic webpage using various heading tags.
  • walk around to assist student and answer questions.

Conclusion 1 min:

  • Summarize the key points of (h1 heading to h6 heading)
  • Encourage student to practice HTML code in different text editor like vs code and sublime text .

Evaluation :

  1. explain HTML heading and its types.
  2. Which heading is called largest heading in HTML?
  3. Which heading is called smallst heading in HTML?
  4. How to insert heading in HTML?.