This is the part 3 of famous html5 tutorial for beginners. I started from scratch and have introduced advance topics gradually. So far we have covered topics like html5 web semantic tags, html5 new form input fields and robust html5 form attributes. I am sure you have learnt a lot from these html5 tutorials for beginners. Practice make the man perfect so I would recommend that you practice each and every example and piece of code jotted down in these tutorials. Below are some new features that are being explained here.
HTML5 Tutorial for Beginners
1. HTML5 Video Tag
Html5 video tag embeds a video into your html5 page. Currently this feature supports .mp4, and .ogg video formats. Below is an example which you can try on your own. Make sure you copy paste below code in a notepad save it as filename.html in a folder and make sure that you have your video file in the same folder. As you can see below that you can also specify the height and width of video tag.
<!Doctype html> <video width="”300”" height="”250”"><source src="”animals-documentary.mp4”" type="”video/mp4”" /></video>
2. Audio Tag
Html5 audio tag is another milestone that html5 has achieved and it has made our life so easy. Before this embedding an audio file into a webpage required flash but now with html5 adding an mp3 audio file has become super easy. Below is an example explaining this idea.
<!Doctype html> <audio width="”300”" height="”250”"><source src="”Music.mp3”" type="”mpeg”" /></audio>
HTML5 Tutorial Resources for Beginners
If you want to learn more than I would highly recommend link which will you a guru in html5.
HTML5 Tutorial W3Schools