Índice:

1. Estructura del documento
2. Organizando el contenido
3. Elementos de Redacción
4. Estructuras Especiales
5. Contenido Incrustado

Imágenes

IMG

Atributos

src="URL"

alt="Texto Alternativo"

longDesc="URL a Descripción detallada"

width="ancho"

height="alto"

IMG

						<img
	src="../images/HTML5.png"
	alt="Logo escudo HTML5"
	longdesc="https://www.w3.org/html/logo/"
	width="300"
	height="300"
/>

Picture

<picture>
	<source 
		srcset="imagen-grande.png" 
		media="(min-width: 600px)">
	<img 
		src="imagen-chica.png" 
		alt="Imagen de Ejemplo">
</picture>
						

Figure

<figure>
	<!-- Contenido a mostrar
		Por ejemlo una imagen o un video 
		o codigo de ejemplo -->
	<figcaption>Descripcion del contenido</figcaption>
</figure>
						

Multimedia

Audio

						<audio src="URL">
	<p>Tu navegador no soporta 
	la reproducción nativa de audio. </p>
</audio>

<audio controls>
	<source src="URL.ogg" type="audio/ogg">
	<source src="URL.mp3" type="audio/mpeg">
	<track 
		kind="captions" 
		label="Captions" 
		src="URL.vtt" 
		srclang="en">
	</track>
	<p>Tu navegador no soporta 
	la reproducción nativa de audio. </p>
</audio>
						
					

Elemento Audio

Elemento Video

Misma idea que el <audio>

<video controls width="250">
    <source src="URL.webm" type="video/webm">
    <source src="UEL.mp4" type="video/mp4">
	<track kind="captions" label="Captions" 
		src="URL.vtt" srclang="en">
	</track>
	<track kind="captions" label="Captions" 
		src="URL2.vtt" srclang="es">
	</track>
	<p>Tu navegador no soporta la reproducción nativa de video. </p>
</video>
					

IFRAME

IFRAME

Object

data="URL"

name="nombre"

type="MIMEType"

typemustmatch

Object

<object type="application/pdf"
  data="ejemplo.pdf"
  width="250"
  height="200">
</object>

<object 
  data="../../../flash/light-bulb.swf" 
  type="application/x-shockwave-flash" 
  width="180" height="350">
	<param name="movie" value="flash.swf" />
	<param name="quality" value="high"/>
	<param name="wmode" value="transparent"/>
</object>
					

Canvas / SVG

MathML