HTML: Ejemplos etiquetas

por
Tiempo de lectura: < 1 minuto 
<!DOCTYPE html> 
<html lang="en" xmlns="http://www.w3.org/1999/xhtml"> 
	<head> 
		<meta charset="utf-8" /> 
		<meta name="author" content="Colmena en la Nube" /> 
		<meta name="description" content="Cada cosa en su celda"/> 
		<meta name="keywords" content="html5" /> 
		<title>Comlena en la Nube</title> 
		<link rel="icon" href="img/icono.png"/> 
	</head> 
	<body> 
		<header>Cabecera</header> 
		
		<nav>Barra de navegación</nav> 
		<section>Sección principal</section> 
		<aside>Columna</aside> 
		<article>Artículo</article> 
		
		<h1>Título 1</h1> 
		<h2>Título 2</h2> 
		<h3>Título 3</h3> 
		<h4>Título 4</h4> 
		<h5>Título 5</h5> 
		<h6>Título 6</h6> 
		
		<p>Un párrafo</p>
		<br>
		<p>Otro párrafo</p> 
		
		<a href="#">Enlace</a> 
		
		<figure> 
			<img src="img/imagen.jpg"> 
		</figure> 
		<figcaption>Pie de la imagen</figcaption> 
	
		<div> 
			<ol> 
				<li>Uno</li> 
				<li>Dos</li> 
				<li>Tres</li> 
			</ol> 
			<ul> 
				<li>Uno</li> 
				<li>Dos</li> 
				<li>Tres</li> 
			</ul> 
		</div> 
	
		<table border="1"> 	
			<tr> 
				<th>Columna 1</th> 
				<th>Columna 2</th> 
			</tr> 
			<tr> 
				<td>A1</td> 
				<td>A2</td> 
			</tr> 
			<tr> 
				<td>B1</td> 
				<td>B2</td> 
			</tr> 
		</table> 

		<h1>Resultados:</h1> 
		<p>Meter 1: 
			<meter value="100" min="0" max="100" high="90"></meter>
		</p> 
		<p>Meter 2: 
			<meter value="53" min="0" max="100" high="90"></meter>
		</p> 
		
		Hay navegadores como safari que no leen la etiqueta meter, entonces se usa la etiqueta progress. 
		
		<h1>Progresos:</h1> 
		<p>Progress 1: <progress value="100" min="0" max="100"></progress></p> 
		<p>Progress 2: <progress value="53" min="0" max="100"></progress></p> 
		
		<audio autoplay controls loop preload="auto"> 
			<!-- Ogg VORBIS .ogg --> <!-- MP3 .mp3 --> 
			<!-- WAV .wav (son muy pesados) --> 
			<!-- ACC .m4a, .m4b, .m4p, .mp4, .acc --> 		
			<source src="audio/audio.mp3"> 
		</audio> 
		
		<video autoplay controls loop width="500" height="200"> 
			<!-- THEORA OGG .ogg --> <!-- MP4 .mp4 --> 
			<!-- WEBM .webm --> 
			<source src="video/video.mp4"> 
		</video> 
		
		<iframe width="500" height="280" src="https://youtube.com/embed/ZQxQLHXEIrU"></iframe> 
		
		<footer>Este es el pie de página</footer> 
	</body> 
</html>

Deja un comentario