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?.