Presentación1

Maquetación HTML 5

Código Completo

<!DOCTYPE HTML><html>

<head><title>Video tutorial de html5</title><link href="css/estilo.css" rel="Stylesheet"

type="text/css"/><link href="css/header.css" rel="Stylesheet"

type="text/css"/></head><body>

<div id="todo">

<header><h1>Video tutorial de html5</h1><form

action="index.html"method="post"><input size="20px" type="text"><input type="submit"value="buscar"></form><p>Aquí aprenderemos a realizar la

estructura en html5</p>

<nav>

<ul><li><a href="#">Inicio</a></li><li><a

href="#">Consola</a></li><li><a

href="#">Informática</a></li><li><a href="#">Telefonía</a></li>

</ul></nav></header><aside id="izquierda">

<form action="index.html"method="post"/><table><tr> <th colspan="2"> iniciar sesion </th></tr><tr> <th> <label>usuario:</label> </th> <th> <input type="text" name="nombreuser"

size="10px"/> </th></tr>

<tr> <th> <label>contraseña:</label> </th><th><input type="password" name="pass"

size="10px"/> </th>

</tr></table>

</aside><aside id="derecha">

<ul><li><a

HREF="http://josemoncayob.blogspot.com">Articulo 1 <time>20-06-2013</time></a></li>

<li><a HREF="http://josemoncayob.blogspot.com">Articulo 2 <time>20-06-2013</time></a></li>



</ul></aside><section>

<article><h1>Artículo 1</h1><p>El Manchester United

Football Club, mejor conocido como Manchester United o simplemente el United, <br>

es un club de fútbol de la ciudad de Mánchester, Inglaterra, Reino Unido, que disputa sus partidos como <br>

local en el estadio Old Trafford.</p><br>

<audio controls="controls" src="images/popurri.mp3">

tu navegador no acepta audio html5 descarga cualquiera que lo acepte

</audio></article>

<article><h1>Artículo 2</h1><p>Párrafo del artículo 2</p><video width="400"height

="200"controls="controls"proload="proload"><source

src="images/intro.mp4"/></video>

</article><article>

<h1>Artículo 3</h1><p>Párrafo del artículo 3</p>

</article><article>

<h1>Artículo 4</h1><p>Párrafo del artículo 4</p>

</article>

</section><footer>

<p>Esta es la parte que corresponde al pie de página</p>

</footer>

</div></body>

</html>

Presentación1

Documents

Transcript of Presentación1