Html 5 pres

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.

<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>

<MARK>

This tag is used for highlighting a particular text.

Example:

<p>hello, how are you <mark>Rajbeer</mark>?</p>

<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>

<HEADER>,<FOOTER>

<header><h1>My HTML 5 Test</h1></header>

<footer>CopyRight Information</footer>

<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>

<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>

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”
/>

Html 5 pres

More Related Content

What's hot (20)

Viewers also liked (17)

Similar to Html 5 pres (20)

Recently uploaded (20)

Html 5 pres