Developing HTML5 Apps Jump Start (01b): HTML5 Semantic Structure, Part 2

Download this episode

Download Video

Download captions

Download Captions


Microsoft Technical Evangelists Jeremy Foster and Michael Palermo continue their discussion about HTML5 semantic structures. Topics include Semantic tags, Forms, Audio and Video, Canvas and SVG in Part 2 of this module.

Complete course outline for the Developing HTML5 Apps Jump Start:

This series of videos are a great way to help you prepare for Exam 70-480. Register now to take the Programming in HTML5 with JavaScript and CSS3 exam (70-480) exam. The promotion for the free exam using the promo code HTMLJMP is over, no new registrations will be accepted using the code. If you've already registered using the code then you're set.

If you want to learn how to apply these HTML5 skills to build your own Windows Store app, check out the Developing Windows Store Apps with HTML5 Jump Start.



Available formats for this video:

Actual format may change based on video formats available and browser capability.

    The Discussion

    • User profile image
      Jakob Krarup

      Hi :)

      Great initiative with a swift intro to the new webcoding structure!
      Thanks for the certification giveaways as well, I'm signed up and ready to go :)
      A suggestion for improvement on the screencasts: a higher resolution would be excellent as only the code (with the large font) is legible, while filenames, text-input in, etc. is hard to read, even in the High-resolution version of the videos!

      thanks again :)

      Kind regards - Jakob

    • User profile image

      highres vid and bigger font will be nice.

      btw can u use jquery in a windows 8 app?

    • User profile image

      @ronnel : Guys from @appendto has already worked on a jquery for win8 ,that should work on a the Windows Store App Local Context

      See also :

    • User profile image

      Great video. Thanks.

    • User profile image

      I am a web developer and i am excited! Good job again!

    • User profile image

      Hey where i can get codeShow app, witch they use in the movie (they started them from start screen)?

    • User profile image

      @WNHacker: The code can be found here: - Please read the section 'How to install the codeSHOW source code' first...


    • User profile image
      kiran aghor


    • User profile image

      after finish the video course, is it enough to take the 70-480 exam?

    • User profile image

      It will be much nicer if you two don't compete with each other in the video. All I can see is the fight now.....

    • User profile image

      Loving the videos so far. I can't take my eyes off those monitors, though - what setup is that?

    • User profile image
      christian Valentine

      Thanks for this great video. job well done.
      Please where can get the voucher code on
      site when login.

    • User profile image
      mzer mike

      How come the video sounds are muted? could not here a thing"""

    • User profile image

      The downloads are extremely slow 175kbs. The only reason I am downloading is because the video was so choppy, due to buffering, that it was unwatchable. Once downloaded I am sure it will be a good course.

    • User profile image

      Guys, great course and great videos. However, I really think that you should either make 100% sure that the demos work OR show us some of your debugging techniques, which I think is also super important for a developer. Either way thanks for preparing this great course. Smiley

    • User profile image

      Wow Thanks Good Class about Semantic Structure HTML5

    • User profile image

      great videos, these are really good jump starts for 70-480 exams

    • User profile image

      I am a web designer.

      Great videos.  I am almost done with second video.  I ran into a problem  When I run 'local machine,' I get an error.

      0x800a138f - JavaScript runtime error: Unable to get property 'getContext' of undefined or null reference

      Then, the app closes. 

      Would appreciate any help.

    • User profile image

      Very impressive videos... But

      One question is running in my mind, that if I don't have the win8 and VS12 so I could not run this source code.

      I am using Win7 and VS10. Please let me know if there is a way to see the source code examples.

      Many Thanks

    • User profile image

      Good idea but poorly executed. You actually released these videos to the public? Your very first demo doesn't work. Not very inspiring.

    • User profile image


      great jobs. i am very excited for that .



    • User profile image

      Great job very well done for new designer.

    • User profile image

      Thanks for the course, however; I think this course is a bit boring because of too much talking for explaining a simple concept. Perhaps a good working example would have made it better.

    • User profile image
      Mohammed Elherrouki

      Hi there,

      Is it true that i can only schedule this exam in america? cause i live in holland.

      Thanks in advance!

      Mohammed Elherrouki

    • User profile image

      Basic audio, video controls demo didn't work. That's poor. You should have recorded another video for that purpose.

    • User profile image

      Nice training. Hope to see how fast it changes in Windows 8 with HTML5 CSS3 and Javascript.

    • User profile image
      Rajasekhar Kunati

      Doors opened to gain knowledge....

    • User profile image

      Great video.

    • User profile image

      Awesome video!
      Audio not playing, Video not playing...good job, preparing yourself guys;)

    • User profile image

      Excellent material. I hope you continue to post more.

      "horizontal knowledge, generating vertical growth. "

    • User profile image

      Hi, firstly thanks a lot for very useful jump start, really helpful. How can i download all of videos from this course, in one go?, is there any way? 

    • User profile image
      Chor YC

      What a live show! They just skipped the demo with real claps and jumped to the end? Ha!

    • User profile image

      The broken audio and video demos reflect badly on this series.    By adding a closing tag, both examples work for me: 

      <audio src="/audio/hello.wma" controls ></audio>.  

      Oddly enough, the video worked without an explicit closing tag even though VS2012 gave me a warning when the AUDIO closing tag was missing.

    • User profile image

      Come on guys good intention but poorly demonstration ... Thanks anyway great idea this kind of training

    • User profile image

      thnkas it is very helpful!!

    • User profile image

      Great job very well done.
      Is there a way to download all the videos together at one time?

    • User profile image

      With all due respect, this is a pre-recorded presentation, and you do not bother to make sure that so much hyped <audio> and <video> tag demonstrations actually work.


    • User profile image

      Hi All - the HTMLJMP promotion has ended but if you use this code you might still have an opportunity to get a free exam. HTMLMPN
      Not sure when it expires, but thought I'd pass it along.

    • User profile image



      the video didn't play because maybe the "mp4" mimetype does not exist 


    • User profile image
      Alaa Kamall


    • User profile image

      @Rahul:No, you cannot run it. These are Windows store app, so you need to have Windows 8 and Visual Studio 2012 to run it.


    • User profile image

      This series of videos are a great way to help you prepare for Exam 70-480.The promo code HTMLJMP is available through 3/31/2013 while supplies last.

    • User profile image

      I think that I figured out how it works. For me I put the audio and the video in separated section tags. I don't know why but when you put the audio and video tabs together (audio and video above or vice-versa) they don't work properly.

      I hope this will help you.

    • User profile image

      thik you

    • User profile image

      Hey guys.
      I enjoyed the videos but I think you should show more examples, because there are many more tags and you didn't teach

    • User profile image

      i wish there are subtitles for these videos
      How can i find one ??

    • User profile image

      Utterly pathetic. Your audio and videos examples didn't work. So obviously, you should figure out why and re-record the whole thing, or at least that section and edit it in later. PATHETIC.

    • User profile image

      please tell me free voucher code htmljmp and htmlmpn does not working can any one help me

    • User profile image

      tell me free voucher code on

    • User profile image
      Kent Spam

      The problem with the audio and video content is off course, if you guys haven't figured it already ;-), that the "CopyToOutputDirectory"-property is set to "Do not copy"-value, visible at time 00:12:43.

      Why MS have chosen this to be the default value and not "Copy if newer" is beyond me.

    Comments closed

    Comments have been closed since this content was published more than 30 days ago, but if you'd like to send us feedback you can Contact Us.