Lección 5

Introducción a HTML 5

Como ya se habia mencionado, html 5 es una mejora importante de html y su fuerte se ve en los nuevos elementos integrados. a continuación se mencionan algunos de estos


Audio

Para insertar un audio, sonido o cancion en html se hace de la siguiente forma

<audio src="sonido.mp3"></audio>

audio es la etiqueta para insertar sonidos y en el valor del  atributo src debemos poner el nombre del archivo de sonido  seguido de su tipo de extension (en este caso .mp3). Es de mencionar que la archivo de sonido debe estar junto al archivo html que se esta creando. Dejando este codigo como esta el sonido se reproduce automáticamente.

<audio src="sonido.mp3" controls=""></audio>

Añadiendo el atributo controls=""  lo que se logra es mostrar el reproductor del navegador para controlar la reproducción.

Video

Se sigue la misma logica que con el audio solo que se cambia la etiqueta. Ejemplo:

<video src="video.mp4" controls=""></video>

video es la etiqueta  para insertar un video y en el valor del  atributo src debemos poner el nombre del archivo de v ideo seguido de su tipo de extension (en este caso .mp4). Es de mencionar que la archivo de video debe estar junto al archivo html que se esta creando.  controls="" como se mencionaba, permite mostrar el reproductor multimedia.

Formularios

Los formularios se utilizan para recibir información de un usuario a través casillas o campos. 
Ejemplo:

<form >

    <input type="text">
    <input type="submit">


</form>

< input type="text"> permite generar un campo donde se puede insertar texto. input type="submit" crea un botón que al ser presionado se puede programar para enviar la información.

Los formularios son un gran fuerte de html y su etiqueta  <input > es la que permite utilizar un amplia variedad de elementos para recibir información. Entre llos tenemos:

• password: crea un campo para contraseña que oculta lo que escribimos
• reset: crea un boton que elimina todo lo que se haya escrito en otros campos
• checkbox: crea un campo que se rellana al ser escogido (estilo lista de chequeo)
• radio: similar al checkbox en forma circular, el cual permite ser presionado y luego de escogido se rellena

 En HTML 5 se han introducido nuevos atributos de <input> como por ejemplo :

• color: permite escoger un color de una paleta de colores
• range: permite escoger un valor entre un  rango de valores establecidos
• date: permite seleccionar una fecha