SOUND - HTML5 - page 208

A Page with iframe Calls Other pages with Sound Effects
<! DOCTYPE HTML >
< html >
< head >
< style type = ”text/css” >
h3 {
color : #cc0000;
font - family : ”Trebuchet MS” , Arial , Helvetica , sans - serif ;
}
</ style >
< meta http - equiv = ”Content-Type” content = ”text/html; charset=UTF-8” >
< title > Sound Frames </ title >
</ head >
< body >
< article >
< header >
< h3 > Sound Tester </ h3 >
< iframe name = ”ifSound” width = ”125” height = ”10” ></ iframe >
</ header >
< section > < a href = ”sound1.html” target = ”ifSound” >< img src = ”Redspeaker.gif”
width = ”40” height = ”40” ></ a > < a href = ”sound2.html” target = ”ifSound” >< img
src = ”Greenspeaker.gif” width = ”40” height = ”40” ></ a > < a href = ”sound3.html”
target = ”ifSound” >< img src = ”Bluespeaker.gif” width = ”40” height = ”40” > </ a > </ section >
</ article >
</ body >
</ html >

212

A Page with a Barking Dog and a Red Background
<! DOCTYPE HTML >
< html >
< head >
< style type = ”text/css” >
body {
background - color : #cc0000;
}
</ style >
< meta http - equiv = ”Content-Type” content = ”text/html; charset=UTF-8” >
< title > Sound 1 : Red </ title >
</ head >
< body >
< audio autoplay >
< source src = ”dog.wav” >
< source src = ”dog.mp3” >
</ audio >
</ body >
</ html >