Kolesias123 · March 22, 2014 16:33
diff --git a/index.html b/index.html
 <!DOCTYPE html>
 <html lang="es">
 <head>
 	<meta charset="utf-8" />
 	<title>Hola mundillo!</title>

 	<link rel="shortcut icon" type="image/x-icon" href="http://facebook.com/favicon.ico" /> 
 </head>
 <body>
 	<header>
 		<!-- Aquí va nuestro logo -->
 		<figure>
 			<img src="./images/logo.png" alt="Aqui iba el Logo!" title="Logo" />

 			<!-- El texto se alinea con la imagen -->
 			<figcaption>Esto es mi Logo, derechos reservados.</figcaption>
 		</figure>

 		<!-- La navegación -->
 		<nav>
 			<!-- target="_blank" : Nueva pestaña -->
 			<a href="./index.html">Inicio</a>
 			<a href="./acerca.html">Acerca de nosotros</a>
 			<a href="http://facebook.com/infosmart.science" target="_blank">Nuestro Facebook</a>
 		</nav>
 	</header>

 	<!-- Aquí va todo nuestro contenido -->
 	<div class="contenido">

 		<section>

 			<article>
 				<time></time>
 			</article>

 		</section>

 		<section>

 			<p>
 				Y después atrape a Pikachu ...
 			</p>

 			<aside>
 				Pikachu: ...
 			</aside>
 		</section>

 		<!--
 		<table>
 			<thead>
 				<tr>
 					<td></td>
 				</tr>
 			</thead>

 			<tbody>
 			</tbody>
 		</table>
 		-->

 		<!-- open = Abierto al entrar -->
 		<details open>
 			<!-- El texto que aparecerá para cerrar y abrir -->
 			<summary>Abreme!</summary>

 			<!-- Contenido oculto hasta que le den clic -->
 			<p>
 				Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque non nisi enim. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
 			</p>

 			<figure>
 				<img src="./images/logo.png" alt="Aqui iba el Logo!" title="Logo" />
 			</figure>
 		</details>

 		<!-- Esto es un reproductor de audio -->
 		<audio controls id="audio">
 			<source src="./c1rabies_05.wav" />

 			<p>
 				Tu navegador es viejo
 			</p>
 		</audio>

 		<!-- Esto es un reproductor de vídeo -->
 		<video controls>
 			<source src="" />

 			Actualiza tu navegador!
 		</video>

 		<!-- Ponemos varios encabezados <h> -->
 		<hgroup>
 			<h1></h1>
 			<h2></h2>
 		</hgroup>

 		<!-- Formulario -->
 		<form action="./procesar.php" method="GET">

 			<p>
 				<label for="nombre">Tu nombre:</label>
 				<input id="nombre" name="hola" placeholder="Escribe aquí tu nombre" x-webkit-speech speech required />
 			</p>

 			<p>
 				<label for="edad">Tu edad:</label>
 				<input id="edad" name="edad" type="number" min="0" max="90" />
 			</p>

 			<!-- Solo correos electronicos -->
 			<p>
 				<label for="correo">Tu correo:</label>
 				<input id="correo" name="correo" type="email" />
 			</p>

 			<!-- Seleccionar una fecha con un calendario -->
 			<p>
 				<input type="date" name="fecha" />
 			</p>

 			<!-- Solo una dirección web -->
 			<p>
 				<input type="url" name="web" />
 			</p>

 			<!-- Seleccionamos un color -->
 			<p>
 				<input type="color" name="favcolor" />
 			</p>

 			<!-- Para enviar un archivo -->
 			<!-- multiple = Multipes archivos - accept = Formatos aceptados -->
 			<p>
 				<input type="file" name="archivo" multiple accept="image/png,image/jpeg" />
 			</p>

 			<!-- Barras de progreso! -->
 			<p>
 				<progress id="barra" value="10" min="0" max="100"></progress>
 				<meter value="50" min="0" max="100"></meter>
 			</p>

 			<script>
 			setInterval(function() {
 				var a = document.getElementById("barra");

 				a.value = a.value + 10;
 			}, 1500);
 			</script>
 	
 			<button>Enviar</button>

 		</form>
 	</div>

 	<footer>
 		<p>

 		</p>
 	</footer>
 </body>
 </html>
	<!DOCTYPE html>
	<html lang="es">
	<head>
	<meta charset="utf-8" />
	<title>Hola mundillo!</title>

	<link rel="shortcut icon" type="image/x-icon" href="http://facebook.com/favicon.ico" />
	</head>
	<body>
	<header>
	<!-- Aquí va nuestro logo -->
	<figure>
	<img src="./images/logo.png" alt="Aqui iba el Logo!" title="Logo" />

	<!-- El texto se alinea con la imagen -->
	<figcaption>Esto es mi Logo, derechos reservados.</figcaption>
	</figure>

	<!-- La navegación -->
	<nav>
	<!-- target="_blank" : Nueva pestaña -->
	<a href="./index.html">Inicio</a>
	<a href="./acerca.html">Acerca de nosotros</a>
	<a href="http://facebook.com/infosmart.science" target="_blank">Nuestro Facebook</a>
	</nav>
	</header>

	<!-- Aquí va todo nuestro contenido -->
	<div class="contenido">

	<section>

	<article>
	<time></time>
	</article>

	</section>

	<section>

	<p>
	Y después atrape a Pikachu ...
	</p>

	<aside>
	Pikachu: ...
	</aside>
	</section>

	<!--
	<table>
	<thead>
	<tr>
	<td></td>
	</tr>
	</thead>

	<tbody>
	</tbody>
	</table>
	-->

	<!-- open = Abierto al entrar -->
	<details open>
	<!-- El texto que aparecerá para cerrar y abrir -->
	<summary>Abreme!</summary>

	<!-- Contenido oculto hasta que le den clic -->
	<p>
	Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque non nisi enim. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
	</p>

	<figure>
	<img src="./images/logo.png" alt="Aqui iba el Logo!" title="Logo" />
	</figure>
	</details>

	<!-- Esto es un reproductor de audio -->
	<audio controls id="audio">
	<source src="./c1rabies_05.wav" />

	<p>
	Tu navegador es viejo
	</p>
	</audio>

	<!-- Esto es un reproductor de vídeo -->
	<video controls>
	<source src="" />

	Actualiza tu navegador!
	</video>

	<!-- Ponemos varios encabezados <h> -->
	<hgroup>
	<h1></h1>
	<h2></h2>
	</hgroup>

	<!-- Formulario -->
	<form action="./procesar.php" method="GET">

	<p>
	<label for="nombre">Tu nombre:</label>
	<input id="nombre" name="hola" placeholder="Escribe aquí tu nombre" x-webkit-speech speech required />
	</p>

	<p>
	<label for="edad">Tu edad:</label>
	<input id="edad" name="edad" type="number" min="0" max="90" />
	</p>

	<!-- Solo correos electronicos -->
	<p>
	<label for="correo">Tu correo:</label>
	<input id="correo" name="correo" type="email" />
	</p>

	<!-- Seleccionar una fecha con un calendario -->
	<p>
	<input type="date" name="fecha" />
	</p>

	<!-- Solo una dirección web -->
	<p>
	<input type="url" name="web" />
	</p>

	<!-- Seleccionamos un color -->
	<p>
	<input type="color" name="favcolor" />
	</p>

	<!-- Para enviar un archivo -->
	<!-- multiple = Multipes archivos - accept = Formatos aceptados -->
	<p>
	<input type="file" name="archivo" multiple accept="image/png,image/jpeg" />
	</p>

	<!-- Barras de progreso! -->
	<p>
	<progress id="barra" value="10" min="0" max="100"></progress>
	<meter value="50" min="0" max="100"></meter>
	</p>

	<script>
	setInterval(function() {
	var a = document.getElementById("barra");

	a.value = a.value + 10;
	}, 1500);
	</script>

	<button>Enviar</button>

	</form>
	</div>

	<footer>
	<p>

	</p>
	</footer>
	</body>
	</html>