Building the User Interface by Using HTML5: Text, Graphics ... - server

Building the User Interface by Using HTML5: Text, Graphics, and Media | 47Video TestLICENSED PRODUCT NOT FOR RESALE3. Save your file as L2-video.html.4. Go to the W3C Markup Validation Service Web page at http://validator.w3.org.Upload L2-video.html and click Check to have the service check it. Fix any errorsreported by the checker that relate to missing tags or typos, if any.5. Open the HTML file in a Web browser. Does the video play automatically? Do thecontrols appear? You should open the L2-video.html file in a variety of Webbrowsers as a test.6. In your editing tool, delete the autoplay line and replace controls="controls"with simply controls.7. Save the file again and validate it. It should validate with no errors. That indicatesthat HTML5 allows you to use a shorthand method of specifying the controls attribute.The same principle applies to the autoplay and loop attributes.8. Leave the editing tool and Web browser open if you’re continuing immediately to thenext exercise.Understanding and Using Audio TagsThe HTML5 audio element works much like the video element but for sound only. To usethe audio element, include the tag and a path to the file on your hard drive or auniform resource locator (URL) that points to the audio file.CERTIFICATION READYWhat is the markup forusing the HTML5 audioelement?2.3The audio element enables you to incorporate audio, such as music and other sounds,in HTML documents. You can include the same control-related attributes as the videoelement: autoplay, controls, and loop. the following example shows just thecontrols attribute included:TAKE NOTE*If you use the autoplay attribute so that the audio plays automatically when the Webpage loads, use a short clip such as a sound effect. Many Web visitors dislike automaticsound and prefer to have more control.