User:Anisha Kandel Real Teaching Lesson Plan 10

Subject:Computer Science

Class:8

Section:"B"

Unit:17

Topic:Introduction to HTML with its different tag

period:6th

Time:45min

School:Adarsha Secondary School:

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 Material:

• Whiteboard & marker

Introduction:

• 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> efines the least important heading.

HTML Tag types:

Paired tag:A tag is said to be a paired tag if it is written with the opening and closing tag. the effect of a paired tag is applied only to the text they contain. It is also called Container tag. eg. <p> </p> <table> </table> <a> </a> <ul> </ul> <ol> </ol>.

Syntax:<p> syntax of paired tag </p>

.Singular tag: singular tag does not have a closing tag. it is also callled an empty tag. eg: <br> <hr>

syntax:Text <br> Text

Heading types:

1. H1 heading: <h1> is used for the main heading. (Biggest in size)
2. H2 heading: <h2> is used for subheadings
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:

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

Hands on practice:

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

Conclusion:

• 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. define HTML tag with its types.
3. Which heading is called smallst heading in HTML?
4. How to insert heading in HTML?.