¿Qué es el código de imagen HTML?
En un documento de lenguaje de marcado de hipertexto (HTML), el código de imagen HTML se utiliza para insertar imágenes gráficas en diferentes puntos del diseño. El código generalmente es una serie de palabras clave legibles por humanos a las que luego se les asignan valores asociados, envueltos entre los signos más grandes y menos que el documento HTML. El código de imagen HTML resultante le dice a un navegador web u otro visor de documentos la ubicación del archivo de imágenes en línea o en una unidad de disco, las dimensiones de la imagen, cualquier formato especial que tiene la imagen y diferentes opciones de alineación para los otros elementos en el documento HTML que la rodea. Las imágenes pueden anidarse dentro de otros códigos HTML, a veces conocidos como etiquetas, lo que les permite usar como enlaces en la lista, elementos de lista o imágenes de fondo. Mediante el uso de las extensiones de hoja de estilo en cascada (CSS) en HTML, muchos otros valores y propiedades de una imagen dentro de un documento también pueden modificarse, mientras que algunos lenguajes de programación pueden ser EMBEdded en el documento para permitir el procesamiento básico de imágenes.
El código de imagen HTML más común consiste en la etiqueta de imagen, que en HTML está representada por la palabra clave IMG. Esto le dice al navegador web que se va a insertar una imagen en el documento en este punto y que la información sobre la imagen seguirá. La única información requerida que debe estar dentro de la etiqueta IMG se llama fuente. A la palabra clave SRC se le asigna el nombre o ubicación del archivo de imagen, lo que permite que el navegador cargue la imagen. El valor puede ser un nombre de archivo o una dirección en línea que también se conoce como una ubicación de recursos universal (URL), al igual que una dirección del sitio web.
Hay otras propiedades que se pueden definir dentro de un código de imagen HTML. La altura y el ancho de la imagen se pueden proporcionar explícitamente, lo que permite que la imagen se redice para que se ajuste dentro de un determinado diseño. Se puede suministrar texto alternativo para que los usuarios WHo no puede ver que la imagen puede escuchar o leer una versión de texto de ella. También se pueden configurar los bordes y el espacio alrededor de la imagen, dando a la imagen una apariencia y ubicación distintas en una página web.
Se puede usar una buena cantidad de código de imagen HTML para definir cómo se alinea la imagen y cómo reacciona el resto de la página web a su presencia. Se puede configurar el texto para fluir alrededor de la imagen en los lados derecha o izquierda, o se puede configurar para saltar sobre la imagen por completo, dejándola sin gabidos en su propio espacio. Algunas opciones permiten que la imagen sea dibujada por texto u otros elementos, o incluso fluya como parte del diseño, por lo que se incluirá en una línea, como cualquier otra letra en una oración.