Scribd
Upload
23 views

Week 2 Advance HTML

The document discusses how to add multimedia like sound and video to HTML pages. It provides two approaches: 1) linking the file using text, images or buttons that will open the file in a new window when clicked, and 2) embedding the file within the page using <Embed> tags if the appropriate plugin is installed. It demonstrates embedding different file types like MIDI, AU and WAV and includes the code and result. Attributes like controls, height, width and autostart are described.

Uploaded by

jsgumban
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPT, PDF, TXT or read online on Scribd
23 views

Week 2 Advance HTML

The document discusses how to add multimedia like sound and video to HTML pages. It provides two approaches: 1) linking the file using text, images or buttons that will open the file in a new window when clicked, and 2) embedding the file within the page using <Embed> tags if the appropriate plugin is installed. It demonstrates embedding different file types like MIDI, AU and WAV and includes the code and result. Attributes like controls, height, width and autostart are described.

Uploaded by

jsgumban
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPT, PDF, TXT or read online on Scribd
You are on page 1/ 6

Advance HTML

CMSC 127
Exercise 2: Advance HTML
1. Create your own personal website which describes about yourself.
Modify your webpage (on Exercise 1) Add additional web pages
2. Use the following html tags
a. LIST
b. LINKS
c. DIV
d. PARAGRAPH
e. FORMS
f. FRAMES
g TABLE
h.image button
i. embed (sound)
3. Observe proper documentation of codes
4. Save your work and place in a zip folder with your family name as
filename.
5. Email to me : [email protected] on or before 5:30 PM Today
with subject: surname_Exer2
Multi-media
Adding Mutimedia -- Sound and
Video:

Adding Mutimedia -- Sound and Video:

There are two approaches to adding sound and other media to
your HTML page:
1. Linking the sound or media file using text, an image or a
button, or a hot spot. To use this approach use the <A></A>
container and set the src attribute to the URL of the sound
or media file as you would any other file. Clicking on the link
will result in a new window being opened up that will play
the file if the appropriate plugin is available.
2. Using a new tag container, the <Embed></Embed> that will
allow the sound or media to be played within the window if
the appropriate plugin player is available
Attributes for the Controls
Control Attribute Value
Controls True|False
Height integer
Width integer
Autostart True|False
Loop True|False
Embedding sound and multi media into the HTML page:

<Embed></Embed> Examples of Embedded Sound
Source HTML Code The Result
A midi sound file --
<EMBED SRC="http://comp.uark.edu/~rlee/midi/clau-all.mid" WIDTH=145
HEIGHT=16 AUTOSTART="false"> Click the arrow icon [Start] button on the
controls to play.
</EMBED>
A midi sound
file --


Click the arrow
icon [Start]
button on the
controls to play.
An au sound file --
<EMBED SRC="http://info.fuw.edu.pl/multimedia/sounds/bells.au"
WIDTH="145" HEIGHT="16" AUTOSTART="false">Click the arrow icon
[Start] button on the controls to play.
</EMBED>
An Au Sound
file --


Click the arrow
icon [Start]
button on the
controls to play.
A wav sound file --
<EMBED SRC="3beeps.wav " WIDTH="145" HEIGHT="60"
AUTOSTART="false">Click the arrow icon [Start] button on the controls to
play.
</EMBED>
A wav sound file
--


Click the arrow
icon [Start]
button on the
controls to play.

You might also like