12 etiquetas básicas para formularios y multimedia en HTML

Autor: | Última modificación: 9 de agosto de 2022 | Tiempo de Lectura: 3 minutos
Temas en este post: ,

Existen una gran variedad de etiquetas básicas para formularios y multimedia en HTML que pueden ser muy útiles mientras estás desarrollando programas de código con el objetivo de desarrollar un aplicación o programa web. Estas etiquetas se necesitarán cuando estés realizando formularios para tu página o, por otro lado, si quieres añadir elementos y objetos multimedia sobre la pantalla de tu app o página web.

Así pues, a continuación, te presentamos 12 etiquetas básicas para formularios y multimedia en HTML, recordando que existe una gran variedad de ellas en la documentación oficial del lenguaje de marcado HTML.

12 etiquetas básicas para formularios y multimedia en HTML

Las 12 etiquetas básicas para formularios y multimedia en HTML que te presentaremos a continuación son solo un grupo de las muchas etiquetas que existen para trabajar con este lenguaje de marcado.

En este caso, nos centraremos en las etiquetas para formularios y objetos multimedia, pero si quieres conocer más etiquetas que corresponden a la raíz de un texto HTML, del scripting y los metadatos, te recomendamos visitar el post titulado 3 etiquetas generales en HTML.

Etiquetas para formularios en HTML

Las etiquetas utilizadas para formularios en HTML se encargan de crear y caracterizar los formularios que pueden crearse en un fichero de texto para el desarrollo de una app web.

  • La etiqueta <button> </button> se encarga de crear un botón en el programa.
  • La etiqueta de <datalist> </datalist> pertenecen al conjunto de los elementos de la etiqueta <option>. Esto representa todos los valores que pueden utilizarse o que se recomiendan.
  • Como su nombre revela, la etiqueta <form> </form> se encarga de definir un formulario con controles, que puede enviarse a un servidor web para procesarlo.
  • La etiqueta <fieldset> </fieldset> va de la mano con la etiqueta anterior, <form> </form>, pues se encarga de agrupar conjuntos de controles dentro del formulario.
  • La etiqueta de <input> se encarga de establecer un campo de datos escritos, cuyo objetivo es permitir al usuario editar los datos.
  • La etiqueta de formularios <label> </label> tiene como objetivo crear un control o controles para un formulario.
  • La etiqueta <legend> </legend> se encarga de establecer un título para el field set. Se trata de una etiqueta que va de la mano con <fieldset> </fieldset>,
  • Por último, la etiqueta <meter> </meter> se encarga de representar un valor escalar dentro de un rango que sea conocido.

Etiquetas para multimedia en HTML

Ahora bien, las etiquetas que corresponden al grupo de imagen y multimedia en HTML son los encargados de incrustar y controlar cualquiera de los elementos multimedia o de imágenes que quieres emplear para el desarrollo de tu app o programa web.

  • La etiqueta para incrustar audio o sonidos en tu programa es <audio> </audio>. Este se encarga de almacenar una o más fuentes de audio mediante el atributo src o el elemento <source>, lo cual deberá anteceder cada uno de los enlaces para añadir audios.
  • La etiqueta <img> se encarga de incrustar imágenes a tu programa de código para el desarrollo web. A este se le añaden los enlaces de la imagen con los atributos anteriormente mencionados.
  • La etiqueta de <video> </video> se encarga de añadir un reproductor multimedia que te dejará incluir vídeos en tu app o plataforma web.
  • La etiqueta <track> </track> va de la manos con las etiquetas <audio> </audio> y <video> </video>, pues son las encargadas de especificar la pista de texto sincronizada con un archivo multimedia como, por ejemplo, un documento de subtítulos.

De esta manera, ya conoces estas 12 etiquetas básicas para formularios y multimedia en HTML.

¿Cuál es el siguiente paso?

🔴 ¿Quieres Aprender a Programar con Python? 🔴

Descubre el Full Stack Jr. Bootcamp - Aprende a Programar desde Cero de KeepCoding. La formación más completa del mercado y con empleabilidad garantizada

👉 Prueba gratis el Bootcamp Aprende a Programar desde Cero por una semana

Ahora que ya conoces 12 etiquetas básicas para formularios y multimedia en HTML, estás más que listo para seguir desarrollando el fichero de texto o inicio de HTML de tu app o página web. En este caso, tendrás la oportunidad de crear un formulario o añadir elementos multimedia, como audio, imagen y vídeo, a tu programa.

Si quieres seguir profundizando en el mundo de programación y del desarrollo de la interfaz gráfica de aplicaciones web, te recomendamos matricularte a una formación de alta calidad sobre programación. Por eso, tu mejor opción es el Aprende a Programar desde Cero Full Stack Jr. Bootcamp, ya que se trata de la oportunidad perfecta para convertirte en un programador experto en menos de un año. ¿A qué estás esperando? ¡Anímate a apuntarte hoy mismo y sigue aprendiendo!

[email protected]

¿Sabías que hay más de 40.000 vacantes para desarrolladores web sin cubrir en España? 

En KeepCoding llevamos desde 2012 guiando personas como tú a áreas de alta empleabilidad y alto potencial de crecimiento en IT con formación de máxima calidad.

 

Porque creemos que un buen trabajo es fuente de libertad, independencia, crecimiento y eso ¡cambia historias de vida!


¡Da el primer paso!