 Information
The Basics
Text
Pictures
Spacing
Colors
Links
Alignment
Lists/Bullets
Tables
Frames
Multimedia
Forms
ISO Characters
Meta Tags
Contact Us
Email Support
Email Contact
|
 |
|
Introduction
Sounds and music can add a lot to your web pages and attract your viewers attention. This section will explain how to
embed music into your web pages.
Music w/ Hidden Controls
To add music with no controls showing, insert the tag <BGSOUND SRC="URL"> into your HTML document. URL is replaced with the
Internet address of the music file.
There is no example of music with hidden controls because the music starts automatically and cannot be turned off.
|
index.html - Notepad |
....<BODY>
<BGSOUND SRC="music.mp3">
</BODY>....
|
|
Music w/ Controls
To add music with controls showing, you need to insert the tag <EMBED SRC="URL" WIDTH="XX" HEIGHT="XX" AUTOSTART="VALUE"> and
the closing tag, </EMBED>. Nothing goes between the two tags.
URL is replaced with the Internet address of the
music file. The two XXs are replaced with the desired height and width of the controls. VALUE is replaced by either "TRUE" or
"FALSE".
TRUE - Music automatically starts
FALSE - Music starts when play button is pushed
|
index.html - Notepad |
....<BODY>
<EMBED SRC="music.mp3" WIDTH="150" HEIGHT="45" AUTOSTART="FALSE">
</EMBED>
</BODY>....
|
|
Loop Play
Loop play allows you to have a song repeat itself a certain number of times. This will work if you have the controls hidden or showing.
To specify how many times the song loops (repeats itself), add the line LOOP="X" to your normal music tag. Replace X with the number
of times you want the song to repeat, or if you want continuous play, replace X with "INFINITE". The final result will
look like one of the two below, depending on if you chose hidden or showing controls.
<BGSOUND SRC="URL" LOOP="X">
<EMBED SRC="URL" WIDTH="XX" HEIGHT="XX" AUTOSTART="FALSE" LOOP="X">
|
index.html - Notepad |
....<BODY>
<EMBED SRC="music.mp3" WIDTH="150" HEIGHT="45" AUTOSTART="FALSE" LOOP="3"">
</EMBED>
</BODY>....
|
|
Test Your HTML
|
|
