Thursday, July 14, 2011

html 5 simples

<!DOCTYPE html>
<html>
<head>
</head>
<body>
asd
<article style="width:600px;" contenteditable="false" dir="auto">
    <aside>
    <h4>Epcot Center</h4>
    The Epcot Center is a theme park in Disney World, Florida.
    </aside>
    <a href="http://blog.netscape.com/2007/12/28/end-of-support-for-netscape-web-browsers"
    hidden0="hidden" id="atag">
    Netscape is dead</a><br />
    AOL has a long history on the internet, being one of
    the first companies to really get people online.....
    <div draggable="true" style="cursor: move;">my div tag</div>
</article>

<hr />

<input list="cars" />
<datalist id="cars">
    <option value="BMW">
    <option value="Ford">
    <option value="Volvo">
</datalist>

<hr />

<p spellcheck="true">spell checking</p>

<hr />

<audio style="margin-top:70px;" controls="controls" tabindex="0">
  <source type="audio/ogg" src="http://www.w3schools.com/html5/song.ogg"></source>
Your browser does not support the audio element.
</audio>

<hr />

<canvas id="myCanvas"></canvas>
<script type="text/javascript">
var canvas=document.getElementById('myCanvas');
var ctx=canvas.getContext('2d');
ctx.fillStyle='#FF0000';
ctx.fillRect(0,0,80,100);
</script>

<hr />

<script type="text/javascript">               
var dragItems = document.querySelectorAll('[draggable=true]')
//alert(dragItems.length);
</script>

<hr />

<audio id="multiaudio1" src="http://www.w3schools.com/html5/song.ogg" preload="auto"></audio>
<a href="javascript:play_multi_sound('multiaudio1');">play music</a><br />
<script type="text/javascript">
    function play_multi_sound(s) {
        document.getElementById(s).play();
    }
</script>

<hr />

<embed src="http://www.youtube.com/v/N8gvHaX1cwY?version=3" />
<embed src="file:///Temp/asdfasdf.xls" type="application/vnd.ms-excel" height="600" width="800"/>

<hr />

<figure>
  <figcaption style="color:red">A view of the pulpit rock in Norway</figcaption>
  <img src="http://www.w3schools.com/html5/img_pulpit.jpg" width="304" height="228" />
</figure>

<hgroup>
<h1>Welcome to my WWF</h1>
<h2>For a living planet</h2>
</hgroup>

<p>Do not forget to buy <mark>milk</mark> today.</p>

<hr />

<video width="320" height="240" controls="controls">
  <source src="http://www.w3schools.com/html5/movie.ogg" type="video/ogg" />
  Your browser does not support the video tag.
</video>



</body>
</html>

No comments: