contenido incrustado.

<img>
width="x" Permite al navegador predeterminar el ancho, en pixles, que tendrá tu imagen.
height="x" Junto con el atributo width, el navegador puede preparar el espacio necesario
para tu imagen antes de que se muestre.

Ejemplo:
<img src="imag.jpg" alt="imagen">

<iframe>
El align atributo especifica la alineación de un <iframe> en función del elemento
circundante. La <iframe> elemento es un elemento en línea (no se inserta una nueva línea
en una página), lo que significa que el texto y otros elementos se pueden envolver alrededor
de ella.

Ejemplo:
<iframe src= "pagina.html" width= " 290" height= " 250" >

<embed>
La etiqueta <embed> se utiliza para insertar plugins del tipo sonido y video. Esta etiqueta
contiene unos atributos básicos para poder gestionar estos objetos que son: TYPE, SRC,
AUTOSTART, LOOP, SHOWCONTROLS, SHOWSTATUSBAR, CLICKTOPLAY, VOLUME, WIDTH,
HEIGHT, HIDDEN.

Ejemplo:
<embed src= "pagina.html" width= " 290" height= " 250" >
<embed src= "video.mp4" width= " 290" height= " 250" >
<embed src= "imagen.jpg" width= " 290" height= " 250" >

<object>
La etiqueta object tiene varios atributos. La etiqueta param siempre tiene los atributos
name y value y además está incluida dentro de la etiqueta object . La etiqueta param ,
significa parámetro. El valor del atributo name indica el tipo de parámetro a modificar.

Ejemplo:
<object type= "application/pdf"
data= "/media/examples/In-CC0.pdf"
width= "250"
height= "200">
</object>

<param>
El elemento param provee parámetros para los recursos incrustados con el elemento object
. Estos parámetros son pasados al plugin a cargo del procesamiento o ejecución del objeto y
por lo tanto, son sólo necesarios cuando el objeto representa un recurso que invoca a un
plugin.

Ejemplo:
<param name= "hora" value= "6" >

<video>
Las etiquetas son palabras clave descriptivas que puedes agregar a tus videos para facilitar
que los espectadores encuentren tu contenido. Los títulos, las miniaturas y las descripciones
de los videos son los metadatos más importantes para el descubrimiento.

Atributo Valor Descripción

Video a reproducir.
src Dirección URL Obligatoria si actua como
etiqueta contenedora.
Muestra una imagen a
poster Dirección URL
modo de presentación.
 Indica como realizar la
preload auto | metadata | none
precarga del video.
Establece un nombre para
mediagroup nombre un grupo de contenidos
multimedia.
Comienza a reproducir el
autoplay
video automáticamente.
Vuelve a iniciar el video
loop cuando finaliza su
reproducción (bucle).
Establece el video sin sonido
muted
(silenciado).
Muestra los controles de
controls reproducción. Por defecto
no se muestran.
Indica el tamaño de ancho
width tamaño
del video.
Indica el tamaño de alto del
height tamaño
video.

Ejemplo:
<video src= "video.mp4" width= " 290" height= " 250" controls> </video>

<audio>
El elemento audio se usa para insertar contenido de audio en un documento HTML o
XHTML. El elemento audio se agregó como parte de HTML 5. Nota: actualmente Gecko
admite solamente Vorbis, en contenedores Ogg, así como formato WAV.

Atributo Valor Descripción

Audio a reproducir.
src Dirección URL Obligatoria si actua como
etiqueta contenedora.
Indica como realizar la
preload auto | metadata | none
precarga del audio.
Establece un nombre para
mediagroup nombre un grupo de contenidos
multimedia.
Comienza a reproducir el
autoplay
audio automáticamente.
Vuelve a iniciar el audio
loop cuando finaliza su
reproducción (bucle).
 Establece el audio sin
muted
sonido (silenciado).
Muestra los controles de
controls reproducción. Por defecto
no se muestran.
Ejemplo:
<audio src="audio.mp3" controls with:43px; height:12px;></audio>

<source>
El elemento HTML <source> especifica recursos de medios múltiples para los elementos
<picture> , <audio> , o <video> . Es un elemento vacío. Normalmente se utiliza para servir el
mismo contenido multimedia en varios formatos soportados por diferentes navegadores.

Ejemplo:
<video controls
width="250"
height="200"
muted>
<source src="/media/cc0-videos/flower.webm"
type="video/webm">
<source src="/media/cc0-videos/flower.mp4"
type="video/mp4">
</video>

<track>
La etiqueta <track> HTML 5 se usa para especificar pistas de texto cronometradas externas
para elementos de medios (es decir, el elemento <video> y el elemento <audio>). Las pistas
de texto especificadas con la etiqueta <track> podrían incluir subtítulos, títulos,
descripciones, capítulos y metadatos.

Ejemplo:
<track>
<video controls
src="/media/cc0-videos/friday.mp4">
<track default
kind="captions"
srclang="en"
src="/media/examples/friday.vtt" />
</video>

<canvas>
El elemento <canvas> tiene solo dos atributos - width y height . Ambos son opcionales y
pueden ser definidos usando propiedades DOM. Cuando los atributos ancho y alto no estan
especificados, el lienzo se inicializara con 300 pixels ancho y 150 pixels de alto.

Ejemplo:
<canvas id="tutorial" width="150" height="150"></canvas>

<map>
Un elemento <map> define el mapa de imagen del lado del cliente. El mapa de imagen es
una imagen con un área diferente a la que se puede hacer clic. El elemento map es una
etiqueta de contenedor que indica el comienzo y el final de la descripción del mapa de
imagen.

Ejemplo:
<map name="image-map-1"> <area href="../../tutorials.html" alt="Tutoriales
HTML" shape="circle" coords="67,73,47"> <area href="../../tutorials.html"
alt="Tutoriales HTML" shape="rect" coords="60,54,142,99"> </map>

<area>
Cuatro parámetros (x1,y1,x2,y2): Especifican las coordenadas para las esquinas izquierda,
arriba, derecha e inferior de un rectángulo. Más de cuatro parámetros y que sean pares
(x1,y1,x2,y2,..,xn,yn): Especifican las coordenadas de un polígono.

Ejemplo:
<img src="/imagenes/etiqueta-area/figuras.jpg" usemap="#mapa">
<map name="mapa">
<area href="/etiqueta-area-circulo.html" shape="circle" coords="50,50,40">
<area href="/etiqueta-area-cuadrado.html" shape="rect" coords="110,10,
190,90">
<area href="/etiqueta-area-poligono.html" shape="poly" coords="210,10,
250,10, 250,40, 280,10, 280,90, 240,90, 210,60">
</map>

<svg>
SVG son las siglas de Scalable Vector Graphics, que podríamos traducir libremente al
español como gráficos basados en vectores escalables. En otras palabras, podemos decir
que es un formato gráfico basado en XML para crear archivos vectoriales en 2D, con un
lenguaje de marcado por medio de etiquetas.
Aspecto general de los elementos SVG

• fill: Cambia el color de relleno de un elemento.

• stroke: Cambia el color del borde de un elemento.
• stroke-width: Modifica el ancho del borde de un elemento.
• fill-opacity: Cambia la opacidad del elemento con un valor entre 0 y 1.

Ejemplo:
<svg width="150" height="100" viewBox="0 0 3 2">
<rect width="1" height="2" x="0" fill="#008d46" />
<rect width="1" height="2" x="1" fill="#ffffff" />
<rect width="1" height="2" x="2" fill="#d2232c" />
</svg>
<math>
Math es un objeto incorporado que tiene propiedades y métodos para constantes y
funciones matemáticas. No es un objeto de función. Math funciona con el tipo Number.
<math> es el elemento superior en MathML. Cada instancia válida de MathML debe estar
rodeada de etiquetas <math>. Además, no debes anidar un segundo elemento <math>
dentro de un primero, pero puedes tener un número arbitrario de otros elementos hijos en
él.

Ejemplo:
<!DOCTYPE html>
<html>
<head>
<title>MathML en HTML5</title>
</head>
<body>

<math>
<mrow>
<mrow>
<msup>
<mi>a</mi>
<mn>2</mn>
</msup>
<mo>+</mo>
<msup>
<mi>b</mi>
<mn>2</mn>
</msup>
</mrow>
<mo>=</mo>
<msup>
<mi>c</mi>
<mn>2</mn>
</msup>
</mrow>
</math>

</body>
</html>
selecciona 2 y busca un ejemplo de su aplicación
colocándolos en una pagina.

Bibliografia:
Emmnauel Reyes. (31/03/22). contenido incrustado. 31/03/22, de cbtis65 Sitio web:
https://developer.mozilla.org/es/docs/Web/MathML/Element/math,
https://www.neoguias.com/svg/. https://www.htmlquick.com/es/reference/tags/map.html,
https://developer.mozilla.org/es/docs/Web/HTML/Element/track