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:

H1 heading: <h1> is used for the main heading. (Biggest in size)
H2 heading: <h2> is used for subheadings
H3 heading :<h3>- <h5> heading are also used in subheading.
H6 heading: <h6> for the small heading (smallest one).
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:

explain HTML heading and its types.
define HTML tag with its types.
Which heading is called smallst heading in HTML?
How to insert heading in HTML?.