Want to create interactive content? It’s easy in Genially!
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