1. Keith B. Manatad August 28, 2014
Lesson Plan in Technology and Livelihood Education
HTML – Web Design
I. Objectives: At the end of the lesson the student should be able to:
• Identify the HTML Phrase Elements
• Apply HTML Phrase Elements in a web page
II. Subject - Matter/Content:
Topic: HTML Phrase Eements
References: < http://www.tutorialspoint.com/html/html_phrase_elements.htm>Accessed 2014
Materials: projector, laptop, power point presentation, notepad++ or notepad
III. Procedure:
A. Awareness
1. Prayer
2. Checking of attendance
3. Unlocking of difficulties
- basic knowledge about typical HTML Syntax.
4. Motivation:
- With the use of a video clip, let the students watch it and let them discuss the
importance of simple webpage design.
• Activity
The Student will spot the Errors of HTML tag and correct the HTML TAGs and
attributes.
A. DEBUG and rewrite
<!DOCTYPE HTML>
<LMHT>
<HEAD><title>Activity 3</title></HEAD>
<body colorbg="black">
<div align="center"> <gmi src="" width="250" height="250" ></div>
<div align="center">
<p><H1> Wrecking Ball</h1></p>
2. <p><font color="white" face="edwardian"size="5"><align="center">
We clawed,</b> we chained our hearts in vain
<br>We jumped never asking why
<br>We kissed, I fell under your spell.
<br>A love no one could deny</p>
<p>Don't you ever say I just walked away
<br>I will always want you
<br>I can't live a lie, running for my life
<rb>I will always want you</font></vid>
</p>
</body>
</html>
B. Construct an HTML TAG:
With Browser TITLE: Activity 3
With large text and centered in the screen: HELLO WORLD!
• Analysis
The Student will discuss HTML Tags.
B. Lesson Proper
• Presentation
The a group of Students will report and present to their classmates with actual Tags in
the laptop with projector. Using Notepad++ with the correct syntax of each html Phrase
elements facilitated by the teacher.
IV. Application
- The Student will be facilitated with computer laboratoiry.
V. Assessment
3. Identify HTML Phrase Tags
VI. Assignment:
1. What is HTML Meta Tags?
2. Give an Example as you can of HTML Meta Tags.