This lesson plan teaches students about different types of multimedia that can be included in HTML documents, such as images, music, sound, and videos. It covers identifying common file formats for audio and video, how to add audio and video to a webpage using the <video> and <audio> elements, and applying multimedia in HTML documents. Students will learn through a presentation, discussion, and examples. They will then create a webpage that inserts their favorite music video and audio using HTML tags.

1. DIFFERENT TYPES OF MULTIMEDIA IN
HTML DOCUMENTS
LESSON PLAN

2. OBJECTIVES
a.The students should able to:
i.Identify the different types of
multimedia;
ii.Understand the use and function of
different types of media;
iii.Familiarize the different tags use when
inserting different types of media in an
HTML document;
iv.Apply different media in their HTML
documents

3. SUBJECT MATTER
a.Title: DIFFERENT TYPES OF MULTIMEDIA IN HTML
DOCUMENTS
b.Materials: Notepad, Notepad++, Komodo Edit,
Computers, Projector, Projector Screen, PowerPoint
presentation, Office Remote using Smartphone and
Computer.

4. a.Pretest: Multiple choice
b.Recap: To test your memory, provide 5 HTML Input
attribute and their functions.
c.Motivation: show an example of website that uses
multimedia functions like youtube or Facebook as
example then show them an insert music or video in a
html file.

5. LESSON
PROPER
The teacher will introduce the new topic on the learners.
The learners will learn about common video and audio format with
description and examples of each format.
The learners will learn how to add a video and audio format in a
webpage. By using the <video> and <audio> elements.
During discussion students can also use the example on the PowerPoint
and test if they could run the given examples themselves a sort way for
them to familiarize the function of the given elements in the lesson.

6. GENERALIZATION
i. Multimedia comes in many different formats. It can be almost
anything you can hear or see. Examples: Images, music, sound,
videos, records, films, animations, and more.
ii.Web pages often contain multimedia elements of different types
and formats. The first web browsers had support for text only,
limited to a single font in a single color. Later came browsers with
support for colors and fonts, and images!

7. APPLICATION
•Learners will be given a chance to try
out inserting a video and audio file
using notepad, notepad++ and
Komodo by giving them a sample
problem.

8. EVALUATION
a.HTML Video and Audio
i.Add a heading 1 with the text HTML Video and
Audio. Use Blue as text color also set it in center.
ii.As the background color use your desire color.
iii.For first paragraph, write all the summary of all
the things that you have learned about our lesson
for today HTML Video and Audio. Use 5 as text
size.

9. EVALUATION
iv. Insert your favorite music video. Use the
control attribute with the width of 600 and for
height is 400. Insert also heading 3 with the
text “MY FAVORITE MUSIC VIDEO”
v.Under the Video put Line Break and Horizontal
rule. Insert your favorite Audio or Music, and set
control attribute for your audio and insert heading
3 with the text “MY FAVORITE MUSIC”
•

10. RUBRICS
For Activity 1 the students will get total of 30
points. Items
Points
1. Title of the webpage “HTML VIDEO and AUDIO”,
text alignment and font color
5
2. Background color of the whole webpage,
summarized paragraph and text size.
6
3. Inserted Video, use control attribute, put width
and height attribute.
7
4. Put Line break, and Horizontal rule
5
5. Inserted Audio, and use control attribute.
7
TOTAL 30
points