INSCRIVA IMAGEN EN UN ELEMENTO - HTML

INSCRIVA IMAGEN EN UN ELEMENTO - HTML
HTML (lenguaje de marcado de hipertexto) es un método estandarizado para etiquetado de archivos de texto, fuente, color y formato visual, así como efectos de vinculación en sitios web mundiales. Facilita a sus usuarios con diversas funciones para realizar diferentes tareas en páginas web, como vincular una página con otra página, incrustar imágenes en botones, vincular botones, crear formularios y más.

Esta publicación explicará el procedimiento para integrar una imagen en un elemento de botón.

Cómo hacer un botón simple en HTML?

Para hacer un botón simple en HTML, revise las instrucciones dadas.

Paso 1: Agregue un encabezado

Inicialmente, agregue un encabezado en la página HTML utilizando el "

Paso 2: crear un botón

A continuación, haga un botón simple con la etiqueta del botón "<botón> "Y especifique una clase"Entregar"En el botón. Luego, configure el tamaño del botón utilizando el "ancho" y "altura"Atributos. Por ejemplo, hemos establecido el ancho como "100px"Y la altura como"50px":

Imagen HTML


Se puede observar que el botón se crea con éxito:

Avancemos hacia la siguiente sección para incrustar la imagen en el elemento.

Cómo incrustar la imagen en el elemento?

Para incrustar una imagen en el ""Elemento, eche un vistazo a las instrucciones enumeradas:

  • Especifique la etiqueta de imagen "<img>"Entre las etiquetas junto con la fuente"SRC", Texto alternativo "alternativo""altura", y "ancho"Atributos.
  • El atributo de origen "SRC"Se usa para acceder/incrustar la imagen.
  • El texto alternativo "alternativoEl atributo se utiliza para mostrar texto cuando la imagen no se muestra debido a cualquier motivo:

Producción

Esta publicación se trata de cómo incrustar la imagen en un elemento de botón.

Conclusión

Para insertar la imagen en el botón, primero, cree un botón simple utilizando el "" elemento. Entonces, entre el ""Etiquetas, especifique el elemento de imagen"<img>" junto con "SRC","alternativo","altura", y "ancho"Atributos. Esta publicación ha explicado el método para incorporar una imagen en un elemento de botón.