HTML5 is the latest version of HTML that introduced new elements such as <video>, <audio>, <canvas> and new form input types. It allows embedding multimedia directly in web pages through elements like <video> and <audio> and drawing graphics on the fly using <canvas>. New input types like email, number, range etc provide better user experience for entering different data types.

1. RAJBEER KAUR

2. INTRODUCTION
HTML5 is a language for structuring and presenting
content for the World Wide Web, and is a core
technology of the Internet originally proposed by
Opera Software. It is the fifth revision of the HTML
standard (created in 1990 and standardized as
HTML4 as of 1997) and as of November 2011 is still
under development.

3. <VIDEO>
<video controls="controls" preload="true"
height="400px" width="520px">
<source src="Microsoft.mp4" />
</video>

4. <AUDIO>
<audio id = "myAudio" preload="true" controls="controls">
<source src="Naadan Parindey.mp3" />
</audio>

5. <CANVAS>
<canvas id="myCanvas">Browser not
supported</canvas>
<script type="text/javascript">
var canvas =
document.getElementById("myCanvas");
var ctx = canvas.getContext('2d');
ctx.fillStyle = '#FF0000';
ctx.fillRect(0, 0, 180, 180);
</script>

6. <MARK>
This tag is used for highlighting a particular text.
Example:
<p>hello, how are you <mark>Rajbeer</mark>?</p>

7. <NAV>
This is navigation tag. It is used to create a navigation bar.
<nav>
<a href="http:www.google.com">Google</a> |
<a href="http:www.gmail.com">GMail</a> |
<a href="http:www.plus.google.com">Google+</a>
</nav>

8. <HEADER>,<FOOTER>
<header><h1>My HTML 5 Test</h1></header>
<footer>CopyRight Information</footer>

9. <PROGRESS>
<progress max="100"id="progress" value="0">browser not
supported</progress>
<script type="text/javascript" language="javascript">
var a = 0;
function increase() {
a = a + 1;
document.getElementById("progress").value = a;
if (a != 0) {
setTimeout("increase()", 1);
}
}
</script>

10. <METER>
<meter id=“meter” min="0" max="100" value=“0">browser
not supported</meter>
<script type="text/javascript" language="javascript">
var a = 0;
function increase() {
a = a + 1;
document.getElementById(“meter").value = a;
if (a != 0) {
setTimeout("increase()", 1);
}
}
</script>

11. NEW INPUT TYPES
<input type=“text” x-webkit-speech />
<input type=“text” placeholder=“write anything” />
<input type=“search” results=“10” />
<input type=“number” />
<input type=“email” />
<input type=“range” min=“0” max=“50” value=“20”
/>