Want to create interactive content? It’s easy in Genially!

Get started free

Multimedia en Html

Rosalba Motato

Created on August 17, 2024

Aprendizaje de multimedia

Start designing with a free template

Discover more than 1500 professional designs like these:

Transcript

Etiquetas multimedia de HTML: Permiten incluir y controlar elementos como imágenes, videos y audio en una página web.

Actividad a realizar

Clase 4

Clase 7

Clase 5

Clase 8

Clase 6

Clase 9

Estudiante ingrese a este link para que seleccione el tema de trabajo a abordar en Html

CSS

Repositorios

Temáticas a tratar

Empezar

Fuente para acceder a la temática

Favor dar Click en esta herramienta

Responsabilidad Académica

1. Implementar multimedia en el trabajo anterior. 2 Estudiar conceptos y estructuras. Próxima clase, evaluación teórica

Etiquetas de formulario

Un repositorio es un sistema que facilita el almacenamiento, acceso, gestión y colaboración en torno a conjuntos de datos o archivos, esencial en diversos campos como el desarrollo de software.

Etiqueta <input> de un formulario

La etiqueta input es la encargada de crear los campos de entrada del formulario. Aunque la etiqueta input también se puede utilizar sin estar ligada a un formulario. Existen bastantes tipos de datos para el elemento input, por ejemplo, texto, casilla de verificación, área de texto, fecha, etc., para cada uno de ellos el navegador web crea un campo con el formato adecuado de forma automática. El atributo type define el tipo del elemento input.

+ info

Tipo radio

Opción a elegir <p>Sexo: Hombre<input type="radio" name="sexo" value="h"> Mujer<input type="radio" name="sexo" value="m"></p>

+ info

Etiqueta Sonido

<audio> (Etiqueta de audio): Permite insertar archivos de audio. Al igual que <video>, también acepta atributos como controls, autoplay, y loop

+ info de la etiqueta Audío

Formularios de elección

<p>Elegir memoria USB:<input list="listaUsb"></p> <datalist id="listaUsb" > <option value="8" > <option value="16" > <option value="32" > <option value="64" > </datalist>

+ info

Etiqueta Imagen

<img> (Etiqueta de imagen): Se utiliza para insertar imágenes. Necesita al menos el atributo src para especificar la ubicación de la imagen y alt para una descripción alternativa.

+ info Etiqueta imagen

Etiqueta iframe

La etiqueta <iframe> en HTML es una herramienta poderosa que permite incrustar otro documento HTML o contenido externo dentro de una página web. Esencialmente, se crea un "marco" o ventana dentro de tu página en la que se puede cargar otra página web o contenido independiente.

+ info de la etiqueta Audío

Tipo Text: Define un campo de texto

La etiqueta input es la encargada de crear los campos de entrada del formulario. Aunque la etiqueta input también se puede utilizar sin estar ligada a un formulario. Existen bastantes tipos de datos para el elemento input, por ejemplo, texto, casilla de verificación, área de texto, fecha, etc., para cada uno de ellos el navegador web crea un campo con el formato adecuado de forma automática. El atributo type define el tipo del elemento input.

+ info

Tablas en Html

Las tablas en HTML permiten organizar datos en filas y columnas. Se crean con la etiqueta <table> y se componen de otras etiquetas que definen las filas y las celdas.

+ info de la etiqueta Tabla

Etiqueta Vídeo

<video> (Etiqueta de video): Permite insertar videos. Acepta varios atributos como controls (para mostrar controles de reproducción), autoplay, y loop

+ info de la etiqueta vídeo

Tipo Text: Define un campo de texto

<form action="#" method="post" > <p>Nombre: <input type="text" required name="nombre" ></p> <p>Apellidos: <input type="text" placeholder="Escribe los dos apellidos" name="ape" size="25" ></p> <p>Localidad: <input type="text" value="Valencia" name="localidad" size="18" minlength="2"></p> <p><input type="submit" value="Enviar"></p> </form>

+ info

Temáticas semana 7

"Digitación Evidencias Primer Momento Git básico 2, -- bajar cambios de un repositorio, --- crear ramificaciones, --- unir carmbios de varias ramas, ---revertir cambios en un repositorio" Introducción a CSS Sintaxís CSS CSS en etiqueta Css interno Css externo Selectores de etiqueta

Selectores de etiqueta

Selector de etiqueta Selector de identificador Selector de clases

Selector de etiqueta
Selector de clases

Glosario

Reto a solucionar

min, max

Podemos controlar el rango del numero Ejemplo: queremos que escriban un rango de edad entre 18 y 65 años <p>Edad: <input type="number" name="edad" min="18" max="65" placeholder="18-65" /p>

+ info

¿La etiqueta <form> Aunque un formulario utiliza la etiqueta form como parte central, necesita de otras etiquetas para poder funcionar, normalmente incluye las etiquetas input y label, y opcionalmente otras más. Es decir, un formulario es un componente de una página web que está formado por varios elementos, como campos de texto, casillas de verificación, opciones desplegables, botones y otras etiquetas para darle formato.

+ info