Philippine Normal University

National Center for Teacher Education

Taft Ave. Manila

I. Objectives
At the end of the lesson, the students will be able to:
Describe how the HTML STYLES improve a simple webpage.
Develop the creativity of the students.
Create a unique webpage with the help of HTML STYLES.
II. Subject Matter
HTML STYLES
Reference/s: W3Schools.Com
Materials: Visual Aids, power point presentation, offline w3schools application and
computers for students
Values: Creativity, Organized, Uniqueness

III. Procedure
A. Preparation
The teacher will ask the class to clean and pick up every piece of paper near their
area. Next, the teacher will ask somebody to lead the prayer. After the prayer
the teacher will greet the students and the student must response courteously.
B. Motivation
The teacher will display two different website. A plain website and a
website contains designs.
The teacher will ask the students to describe and differentiate the two
websites.
C. Motive Question
On the given two websites, what website would you want to visit?
In your own opinion, which website do you think people will visit?
If youre able to create and design your own webpage, what things would
you consider?
D. Lesson Proper
Introduce the HTML STYLES to students.
Discuss what HTML STYLES does in a webpage.
Show the students the different elements or tags of HTML TAGS and how
it works.
 Philippine Normal University
National Center for Teacher Education
Taft Ave. Manila

Show more examples.

E. Generalization
The teacher will ask students what they have learned.
The teacher will summarize the lesson he/she taught.
F. Evaluation
The teacher will give a 15-item quiz.
G. Assignment
The teacher will ask the students to create their own simple website and
apply the different HTML Styles.