Sunteți pe pagina 1din 5

Teacher/Demonstrator : Lucy U.

Manco
Course and Year : TCC 1
Instructor : Matthew E. Cañeda
Subject : TLE (ICT)
Quarter : 1st Quarter
Topic : HTML Introduction
No. of Session/s :1
Time Allotment: : 40 minutes

LESSON PLAN ON GRADE 11 ICT

LEARNING COMPETENCY

Explain the HTML and its basic structure.

I OBJECTIVES

At the end of the lesson, the students are expected to:

1. Explain the HTML.


2. Identify basic structure of HTML page.
3. Create a simple HTML document.

II SUBJECT MATTER

A. Topic: HTML Introduction


B. Reference: https://www.w3schools.com/html/html_intro.asp
: https://meropaper.com/basic-structure-of-html-webpage-
grade-11/
C. Materials: Laptop, Projector.

III PROCEDURES

Teacher’s Activity Student’s Activity


A. Preliminary Activities
a. Daily Routine
Everybody stand up and
let us pray (Everybody will stand up and pray)
b. Greetings
Good Morning class!
Before we start, please
arrange your chair; pick Good Morning Ma’am!
up the pieces of paper (Everybody will pick all the
and candy wrappers. garbage/trash around them and
You may now take your arranging their chairs.)
seats.
c. Checking of Attendance Thank you Ma’am!
Is there any absent from
the class?
Very Good! I’m really glad
that everyone is present None, Ma’am.
today. Keep it up!
d. Motivation
Class, I have here the
movie clip entitled “Why
our kids must learn to
code”

(After 6 minutes
presentation)

Ok Class, from the movie Ma’am Mark Zuckerberg


clip, who is the developer
of facebook?
Ma’am Bill Gates
How about the developer
of Microsoft

Excellent class!

That movie will serve as


your motivation class, who
knows one of you here will
become a Web developer
like Bill Gates and
Zuckerburge.
e. Review
From your previous
lesson in your previous
year you have already
discussed the Computer
and its parts.

B. Lesson Proper
a. Activity
Since you already know
the computer and its part.
We now go deeper.

Class, I have 4 numbers


with scrambled letters. I
will give you 20 seconds
for this activity.

Arrange the letters to form (Everybody will get a scratch paper)


a word. You may get
scratch paper.

1. LMHT
2. DEAH
3. LITET
4. DYBO
(Everybody will stop writing)
Time’s up!

b. Analysis

Before discussing those


words, our lesson for today
is HTML

HTML stands for Hyper


Text Markup Language

HTML an Introduction to
Web Page Programming.

HTML elements are


represented by tags

HTML tags label pieces of


content such as "heading",
"paragraph", "table", and
so on

By looking and checking


your scratch, we may now
enumerate the Basic
structure of HTML tags.

What is your answer in the Ma’am it is the HTML


number 1 part?

Very Good!

HTML is used to start and end the


document
Number 2 please Head ma’am
Yes, Head element
contains information about
the document
Number 3 Title Ma’am
It is used to define the title
of the webpage or HTML
document. The contents of
this tag are displayed at the
top of web browser.
And finally the last word Body Ma’am
It is used to define the body
parts of the hypertext
document. It contains all the
information of the webpage.
The contents of this tag are
displayed in the webpage.
Class, those are the basic
structure of HTML tags,
there are so many tags to
improve your page such as
“p” for paragraph and “br”
for next line.
So class, what is the Ma’am, the importance of HTML tags
importance of HTML tags in in HTML Page is to become familiar
HTML Page? with them to know their uses in
Very good class coding.
Class, I have here an
example of HTML page.

<html>
<title>Activity 1 </title>
<head> My first activity
</head>
<body>Hello World
</body>
</html>

Save as your file name and


extension is “.htm or .html”
and save as type: all files
(file.html)

c. Abstraction/
Generalization
Ok, class I will group you
into two, the left side is
group1 and the right side is
group 2. I want you to
create an HTML page
entitled depending on your
group number, then the
heading will be “Our first
Activity” and the body is you
may answer what you
understand in HTML.
Choose one representative Cooperate and participate
in your group to read your
answer and point out where
is the title, head and the
body. The Criteria:
Accuracy of the codes 50%,
Speed 25% and Content
25% a total of 100%.

d. Application/Valuing
What is the importance of Students will answer
HTML now a days?

Why we need to study HTML?

IV. EVALUATION

Create an HTML tags with an output in which you will explain what is the
implication of HTML in your lives is.

V. Assignment

Research about html tags that will enhance your html page such as text
formatting, color etc.

- To be submitted by next meeting


- In a short bond paper.

S-ar putea să vă placă și