Updated Detailed Lesson Plan
School: Tarlac National High School
Teacher: Dominic M. Quiballo
Teaching Date: November 15, 2022
Teaching Time: 12:00 – 12:50
I. OBJECTIVE
A. Content Standard
B. Performance Standard
C. Learning Competencies/Objectives
With learning code
II. CONTENT
III. LEARNING RESOURCES
A. References
1. Teacher’s Guide
2. Learner’s Materials Pages
3. Textbook Pages
4. Additional Materials from
Learning Resource Portal
B. Other Learning Resources
IV. PROCEDURES
A. Review of previews lesson or
presenting a new lesson
B. Establishing a purpose for the lesson
C. Presenting examples/instances of new
lesson
D. Discussing new concepts and
practicing new skills
Grade Level: 8
Learning Area: TLE/ICT
Quarter: Second
Section: Abueva
a. Identify the use of creating a list in html;
b. Explain the tags in making ordered list,
unordered list, and definition list;
c. Perform the function and use of each tags
by creating a webpage; and
d. Appreciate the importance of making a list
in html and in the physical world.
The learners demonstrate an understanding of
concepts and principles in creating a list.
The learner shall be able to create an HTML
list
Creating a list
HTML list: Ordered list, Unordered list, and
Description/Definition list
Internet & Webpage design by TAPAS
ADHIKARI
freedomcodecamp/website(HTML list – How
to use Bullet Points, Ordered, and Unordered
list
N/A
N/A
N/A
https://www.freecodecamp.org/news/html-
list-how-to-use-bullet-points-ordered-and-
unordered-lists/
Recall the tags in changing the page and text
color.
Allow the pupils to describe a webpage with
lists after displaying an example of one on the
screen.
Inquire about the motivation for the practice
to-do lists among the class.
Enumerate and explain the different types of
HTML list.
 E. Discussing new concepts and Explain the tags and attributes used in each
practicing new skills type of html list. Discuss compare and
contrast the various list types, pointing up
their differences and similarities.
F. Developing mastery Show an example output and let the students
to think about the tags that are being used and
let the students to code it on the screen.
G. Finding practical applications of Make a list before you buy or go shopping, to
concepts and skills in daily living prevent over spending.
H. Making generalization and HTML list can help us highlight and organize
abstractions about the lessons important information. We use <ol></ol> and
<li>tags in making a number list. In
Unordered list, we use <ul></ul> and <li>and
in making a definition list, we use
<dl></dl>,<dt></dt> for the term and
<dd></dd> for the description>/definition.
I. Evaluating Learning 1-7 item quiz (identify types of html list
attributes that have been used in the statement
ordered, unordered, description/definition list)
J. Additional activities for application or Make a webpage similar to the given output
remediation
V. REMARKS
VI. REFLECTION
A. No. of learners who earned 70% on the
formative assessment
B. No. of learners who require additional
activities for remediation
C. Did the remedial lessons work? No. of
learners who have caught up with the
lesson
D. No. of learners who continue to
require remediation
E. Which of my teaching strategies
worked well? Why did this work?
F. What difficulties did I encounter
which my principal or supervisor can
help me solve?
G. What innovation or localized materials
did I use or discovery which I wish to
share with other teachers?