USING HTML

MULTIMEDIA TAGS
PREPARED BY: SHEILA
MARIE CASTILLANO
 OBJECTIVES

AT THE END OF THE CLASS, THE

STUDENTS WILL BE ABLE TO:
Identify Multimedia
Identify and use the HTML multimedia tags
Appreciate the value of being resourceful and
responsible.
3 TYPES OF MULTIMEDIA TAGS

Image Tag
Video Tag
Audio Tag
Image Tag

<img>
EXAMPLE:
<img src= "cat.jpg" height= "100" width=
"130" />
 Video Tag

<video controls> EXAMPLE:

<video controls>

TEXT <source src=“cat.mp4” type=”video/mp4”>

<source src=“cat.ogg” type=”video/ogg”>

</video>
</video>
 Audio Tag

<audio controls> EXAMPLE:

<audio controls>

TEXT <source src=“cat.mp4” type=”video/mp4”>

<source src=“cat.ogg” type=”video/ogg”>

</audio>
</audio>
OUTPO
T
<video controls>
<source src=“cat.mp4” type=”video/mp4”>
<source src=“cat.ogg” type=”video/ogg”>
</video>

<audio controls>
<source src=“cat.mp4” type=”video/mp4”>
CODES
<source src=“cat.ogg” type=”video/ogg”>
</audio>

<img src= "cat.jpg" height= "100" width= "130" />

USING HTML MULTIMEDIA TAGS

 Open your HTML editor

 Create the HTML document
 Image is cliked
 Include the controls in the video
 Make sure the audio plays automatically
 Use your own files (image,audio and video)
 Save