Build a website from the ground up by first learning the fundamentals of HTML5 and CSS3, the two popular programming languages used to present content online. HTML deals with fonts, colors, graphics, and hyperlinks, while CSS describes how HTML elements are to be displayed.
4:02
In this tutorial viewers will learn how to embed an audio file in a webpage using HTML5.
Video Steps
1. Ensure your DOCTYPE declaration is set to HTML5:
The declaration should display<!DOCTYPE html>
2. Begin your audio tag and define the source of the audio file
The source should reference your audio file's URL inside the single quotation (similar to the <img> tag's src). Complete the tag using a closing audio tag.<audio src="Audio.mp3">
</audio>
3. Include the player controls if desired
Controls are helpful since they allow visitors to pause and adjust volume on your player. Type "controls" within your opening audio tag after your source file to include them.4. Add additional properties you'd like the player to have
To loop the audio on the page, type "loop" after the source within the opening tag.To have the audio autoplay as soon as the page loads, type "autoplay" after the source within the opening tag.
5. Include a message for visitors whose browsers do not support HTML 5.
The message (or image) you use is inserted between the <audio> and </audio> tags
0 Comments
Featured Post
Suggested Videos
| Title | Views | Activity |
|---|---|---|
| Introduction to CSS (Part 1) | 80 | |
| Introduction to CSS (Part 2) | 112 | |
| Introduction to HTML (Part 2) | 150 | |
| Lists and Links | 104 |
This article discusses how to create an extensible mechanism for linked drop downs.
When crafting your “Why Us” page, there are a plethora of pitfalls to avoid. Follow these five tips, and you’ll be well on your way to creating an effective page.
Suggested Courses
Next Video:Flexible Layouts