¿Qué es una imagen en línea?
Una imagen en línea es una imagen gráfica que se inserta en una página web para agregar un atractivo visual, proporcionar información o representar un hipervínculo. Las imágenes en línea generalmente están en formatos GIF, JPEG o PNG. Se incorporan a una página web utilizando el esquema de URI de datos.
Los URI de datos permiten la incrustación de datos de tamaño pequeño que el navegador puede recuperar instantáneamente. El navegador recupera las imágenes en línea junto con el HTML y se muestran como parte del documento web. Para que el navegador pueda recuperar y mostrar las imágenes sin demasiado tiempo y problemas, es aconsejable usar imágenes en línea de tamaño pequeño.
Las imágenes más grandes ralentizarían el tiempo de carga y harían que el sitio tarda mucho en aparecer en la pantalla. La mayoría de los visitantes de la web no tienen la paciencia para aferrarse a verlo suceder. Esto afectaría negativamente el tráfico del sitio.
Las imágenes en línea HTML se obtienen del servidor del sitio web en el que deben mostrarse, o incluidas en otros servidores externos.El uso de imágenes en línea de fuentes externas es una cuestión de disputa, ya que esto se puede hacer sin permiso. La etiqueta IMG se usa para insertar imágenes en línea en párrafos y encabezados en la página web. La etiqueta IMG no se puede usar en forma de flotación libre. Tiene que estar encerrado dentro de otro elemento.
El atributo requerido de la etiqueta IMG es el atributo SRC. El atributo SRC especifica la dirección web o URL desde la cual el navegador puede recuperar el archivo de imagen. Además del atributo SRC, las imágenes en línea HTML se pueden definir mediante tres atributos opcionales. Estos son alt, alineados e ismap.
El atributo ALT proporciona una alternativa de texto de imagen en línea. Entonces, en caso de que el navegador del espectador no admite gráficos, el espectador verá el texto en lugar de la imagen. El uso del atributo ALT es muy recomendable.
El valor de atributo ALT puede ser una cadena vacía. Por ejemplo, si hay un decorativE Imagen, no es necesario proporcionar un texto alternativo para ello. Por lo tanto, el valor de atributo ALT se puede dejar en blanco.
El estilo de imagen en línea se puede configurar con el atributo Align. El atributo Align le dice al navegador dónde debe aparecer la imagen en línea en relación con el texto en la página web. La imagen en línea se puede alinear con la parte superior, media o inferior del texto adyacente en la página web.
Con el atributo ISMAP, una imagen en línea se puede marcar como un mapa de imagen activo. Esto significa que se pueden hacer diferentes partes de la imagen para producir diferentes acciones cada vez que alguien hace clic en las diferentes partes. Por ejemplo, si hay una imagen en línea que muestra la Tierra y Saturno, hacer clic en la Tierra puede conducir a información sobre la Tierra y hacer clic en Saturno puede conducir a información sobre Saturno.
A diferencia de los atributos ALT y alineados, el atributo ISMAP no funciona por mera inclusión en la etiqueta IMG. Requiere alguna configuración realizada en el servidor. Cierta cantidad de programación knowleTambién se puede requerir DGE.