User:Elina Real Teaching Lesson Plan 11

Subject:Computer Science

Class:8

Section:"B"

Unit:17

Topic:Introduction to HTML with its types

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.
• create paragraph in web page.

Teaching Material:

• Whiteboard & marker
• Laptop and projector

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.
• 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 largest heading in HTML?
4. Which heading is called smallst heading in HTML?
5. How to insert heading in HTML?.

---