Scribd Logo
Upload

Welcome to Scribd!

  • Codigo html5

    Uploaded by

    Germán Castro
    85 views9 pages

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Available Formats

    RTF, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as RTF, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    85 views9 pages

    Codigo html5

    Uploaded by

    Germán Castro

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as RTF, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 9

    <!

    DOCTYPE HTML> <html> <head> <title>Weblog de Jose Vicente Carratala</title> <meta name="description" content="Weblog de Jose Vicente Carratala"/> <meta name="keywords" content="weblog, blog, Jose Vicente Carratala, diseo, mutimedia"/> <link rel="stylesheet" type="text/css" href="css/estilo.css"> </head> <body> <div id="cajaheader">

    </div> <div id="principal" itempscope itemtype="http://www.datavocabulary.org/person"> <header> <div id="logo"><img src="foto/tux.png"></div> <h1><span itemprop="name">German Dario Castro</span></h1> <h2><span itemprop="title"> Creativo Multimedia</span></h2> <nav> <ul> <li><a href="index.html"><canvas id="iconoinicio" width="50" height="50"></canvas><br/>Inicio</a></li> <li><a href="noticias.html"><canvas id="icononoticias" width="50" height="50"></canvas><br/>Noticias</a></li>

    <li><a href="sobreyo.html"><canvas id="iconosobreyo" width="50" height="50"></canvas><br/>Sobre mi</a></li> <li><a href="contacto.html"><canvas id="iconocontacto" width="50" height="50"></canvas><br/>Contacto</a></li> </ul> </nav> </header> <div id="contenido"> <section id="sobremi"> <span itemprop="photo"><div="mifoto"></div><!--<img src="foto/german.jpg">--></span> <p>texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto</p>

    </section> <aside> <h5>Posts previos</h5> <ul> <li><a href=""><time>2011-10-01</time> /Feliz ao nuevo</a></li> <li><a href=""><time>2012-06-20</time> /Titulo de articulo</a></li> <li><a href=""><time>2009-09-13</time> /Titulo de articulo</a></li> <li><a href=""><time>2008-11-19</time> /Titulo articulo</a></li>

    </ul> </aside> <section> <article> <div id="logo1"><img src="foto/logo1.jpg"></div> <time>2013-10-11</time> <h3>Titulo del Post</h3> <h4>Subtitulo del post</h4> <p>texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto</p> </article> <article> <div id="logo2"><img src="foto/logo2.jpg"></div> <time>2013-10-11</time> <h3>NUEVO ALBUM MUSICAL</h3> <h4>Subtitulo del post</h4> <p>texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto</p> <audio src="audio" controls="controls" preload="preload"> tu navegador no soporta video. haz clic<a href="">aqui</a>para descargar un navegador </audio> </article> <article>

    <div id="logo3"><img src="foto/logo3.jpg"></div> <time>2013-10-11</time> <h3>VIDEO DE LA PELICULA</h3> <h4>Subtitulo del post</h4> <p>texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto</p> <video controls="controls" width="300px" height="150px"> <sourse src="video" type="video/ogg"> <sourse src="video" type="video/ogg"> <sourse src="video" type="video/ogg"> tu navegador no soporta video. haz clic<a href="">aqui</a>para descargar un navegador </video> </article> </section> </div> <footer> <h6> <div class="vcard"> </div> <div><span class="name">German Dario Castro</span>-<span class="locality">Pereira</span>-<span class="region">Risaralda</span>-<span class="postalcode">547</span></div> <div><span

    class="tel">3006869058</span>-<span class="email">dariokastro@hotmail.com</span></div> (c) 2011 - Web German Dario Castro</h6> <script type="text/javascript"> if(localStorage.pagecount) {localStorage.pagecount = Number (localStorage.pagecount) +1;}else{localStorage.pagecount=1;} document.write("Has visitado la pagina "+localStorage.pagecount+" veces"); </script> <br> <script type="text/javascript"> if(sessionStorage.pagecount) {sessionStorage.pagecount = Number (sessionStorage.pagecount) +1;}else{sessionStorage.pagecount=1;} document.write("Has visitado la pagina "+ sessionStorage.pagecount+" veces"); </script>

    </footer> </div> </body> </html>

    <script type="text/javascript">

    var micolor="Black"; var ocolor="Grey"; var escala=0.5;

    // dibujo icono inicio var c=document.getElementById("iconoinicio"); var cxt=c.getContext("2d");

    cxt.fillStyle=(micolor); cxt.beginPath(); cxt.arc(escala*50,escala*50,escala*40,0, Math.PI*2,true); cxt.closePath; cxt.fill();

    cxt.fillStyle=("white"); cxt.beginPath(); cxt.arc(escala*50,escala*50,escala*30,0, Math.PI*2,true); cxt.closePath; cxt.fill();

    cxt.fillStyle=(micolor); cxt.beginPath(); cxt.arc(escala*50,escala*50,escala*20,0, Math.PI*2,true); cxt.closePath; cxt.fill();

    //dibujo icono de noticias var c=document.getElementById("icononoticias"); var cxt=c.getContext("2d");

    cxt.fillStyle=(micolor); cxt.beginPath(); cxt.arc(escala*50,escala*50,escala*20,0, Math.PI*2,true); cxt.closePath; cxt.fill();

    cxt.fillStyle=(micolor); cxt.beginPath(); cxt.arc(escala*50,escala*50,escala*40,Math.PI, Math.PI*2,false); cxt.closePath; cxt.fill();

    //dibujo icono sobre mi

    var c=document.getElementById("iconosobremi"); var cxt=c.getContext("2d");

    cxt.fillStyle=(micolor); cxt.beginPath(); cxt.arc(escala*50,escala*25,escala*20,0, Math.PI*2,true); cxt.closePath; cxt.fill();

    cxt.fillStyle=(micolor); cxt.beginPath();

    cxt.arc(escala*50,escala*90,escala*40,Math.PI, Math.PI*2,false); cxt.closePath; cxt.fill();

    //dibujo icono de contacto var c=document.getElementById("iconocontacto"); var cxt=c.getContext("2d");

    cxt.fillStyle=(ocolor); cxt.beginPath(); cxt.arc(escala*50-10,escala*25,escala*20,0, Math.PI*2,true); cxt.closePath; cxt.fill();

    cxt.fillStyle=(ocolor); cxt.beginPath(); cxt.arc(escala*50-10,escala*90,escala*40,Math.PI, Math.PI*2,false); cxt.closePath; cxt.fill();

    cxt.fillStyle=(micolor); cxt.beginPath(); cxt.arc(escala*50+10,escala*25,escala*20,0, Math.PI*2,true); cxt.closePath;

    cxt.fill();

    cxt.fillStyle=(micolor); cxt.beginPath(); cxt.arc(escala*50+10,escala*90,escala*40,Math.PI, Math.PI*2,false); cxt.closePath; cxt.fill();

    </script>

    You might also like