Skip to content
Code
Camp
Kidz
Building skill one project at a time!
facebook
join us
chat
online
chat
offline
meet
online
meet
offline
Live Class Schedule
M-W-F 7:00pm - 8:00pm EST
Tu-Th 5:00pm - 6:00pm EST
Sa-Su 11:00am - 12:00pm EST
Join the live MEET
Zoom VideoConferencing
Sign Up
Login
Home
Features +
E-Learning
Our progressive skill building platform was designed for kids to be successful on each project.
New Projects
New projects are being developed and rolled out on a monthly basis.
Tablet Friendly
CodeCampKidz is presented in a responsive layout that will adjust to tablet displays.
Projects
Student Showcase
Pricing
x
LIVE HELP
SEND
Working with Tables & MP3 Audio - Locked
Use the HTML5 < audio > element to add audio to your page. You'll build a page using the HTML Table structures you've learned along with a picture of the beach. Then you will add an audio clip of waves crashing to enhance the effect. When you get to the Playroom you can use the File Uploader and a conversion site to add your own audio clips to your pages.
In 7 easy steps you will build this project and learn:
How to Add the Container and Styling.
How to Add the HTML Table Structure.
How to Add a Header Tag Line.
How to Add an Image and Horizontal Rule.
How to Add the Basic MP3 Audio Structure.
How to Add Controls to the MP3 Audio Clip.
How to Add an Audio Replay Loop for Continuous Play.
The Tools You Will Use:
HTML5:
<DIV>, <IMG>, <AUDIO>, <SOURCE>
CSS3:
container, row, col-xs-1, col-xs-10, text-center, background-color, border-radius, padding, border
Your Personal Project:
Add your own MP3 Audio Clip to a page. You will convert a YouTube video of your choosing to an Audio clip then use the File Uploader utility to add it to your page.
PROJECT OVERVIEW VIDEO
Would you like to watch the project overview video?
x
CLOSE THE WINDOW WHEN THE VIDEO FINISHES
×
Sign Up
Price Plan
Basic
Pro
Pro +
Account Information
First Name
Last Name
Userame
Email address
Password
I agree with the Terms and Conditions.
Sign up
×
Login
Email
Password
Login
Send A Message To The Instructor
x
{{ ErrorMessage }}
{{mail.DateSent | date:"MM/dd/yyyy 'at' h:mma"}}: {{mail.Subject | unsafe}}
{{mail.OpenText}}
{{mail.Comments}}
Reply
|
Delete
|
Mark As Read
My Information
Update your information or leave the defaults.
Update Parent Information
*
Update Student Information
*
Update Username and Password
*
*
Weekly Class Schedule
Yes! Please send me a weekly class schedule with one click registration. I understand I can opt out at any time. (An email address is required for this feature.)
{{ ErrorMessage }}