12 etiquetas básicas para formularios y multimedia en HTML

| Última modificación: 28 de noviembre de 2024 | Tiempo de Lectura: 3 minutos

Algunos de nuestros reconocimientos:

Premios KeepCoding

¿Sabes cuál es la etiqueta que sirve para crear un formulario en HTML?

Existe una gran variedad de etiquetas básicas para formularios y multimedia en HTML que pueden ser muy útiles cuando 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 para formularios en HTML se encargan de 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> pertenece 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.
  • El código HTML para hacer un formulario o la etiqueta de formularios es <label> </label> y 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

🔴 ¿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

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>, que deberá anteceder a cada uno de los enlaces para añadir audios.
  • La etiqueta <img> se encarga de incrustar imágenes en 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.

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 en 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 profesional en menos de un año. ¿A qué estás esperando? ¡Anímate a apuntarte hoy mismo y sigue aprendiendo!

Ramón Maldonado

Full Stack Developer y Responsable de Formación base en KeepCoding.

Posts más leídos

¡CONVOCATORIA ABIERTA!

Aprende a Programar desde Cero

Full Stack Jr. Bootcamp

Apúntate y consigue uno de los perfiles más demandados con Python en solo 4 meses.