Inserción de imágenes
Inserción de imágenes
El segundo componente de una página web para que ésta sea dinámica, explícita gráficamente y a la vez atractiva, será la inclusión de imágenes dentro de su cuerpo.
La manera de realizar este procedimiento no es compleja, y se logra mediante el uso de un solo tag: <IMG>, al que será muy importante agregarle sus modificadores. El modificador principal es SRC=origen, donde en origen debemos especificar la ruta completa que indique dónde está ubicado el archivo. Esta ruta puede ser local si el archivo está ubicado en la carpeta del sitio o en alguna de sus subcarpetas, o también puede ser remota si se hace referencia a una dirección de Internet para este dato digital. Examinemos un ejemplo. Supongamos que deseamos incluir en el cuerpo principal de nuestra página una imagen con formato JPG llamada img1.jpg y ubicada en una subcarpeta del sitio denominada imágenes. El código que habría que incluir en el documento HTML sería <IMG SRC=imágenes/img1.jpg>. El segundo modificador relevante es el de texto alternativo, que se indica con el comando ALT=“Texto”. Este texto puede servir como nota o dato complementario a la imagen, y será el que se mostrará cuando el usuario pase el mouse sobre la imagen. Por ejemplo, para la imagen anterior, podríamos escribir lo siguiente: <IMG SRC=imágenes/ img1.jpg ALT=“Juan Román Riquelme anota un gol para la selección Argentina.”>.Por último, nos queda por conocer los modificadores de alineación y tamaño de una imagen en HTML. En el primer caso, como en la mayoría de los elementos,
el comando utilizado será ALIGN=alineación, y los posibles valores pueden ser centrado (CENTER), alineación a la izquierda del texto (LEFT), alineación a la derecha del texto (RIGHT), con el texto en la línea más alta (TOP), con el texto en la línea más baja (BOTTOM) o con el texto en la línea media (MIDDLE). En cuanto al tamaño, contamos con dos modificadores que se aplicarán también a otros elementos, como tablas, celdas o capas. Estos son WIDTH=ancho y HEIGHT=alto. Ambos valores los debemos especificar en píxeles, por lo que si deseamos modificar el valor original de nuestra imagen a uno de 400x180 píxeles, tendríamos que definir el siguiente código <IMG SRC=imágenes/img1.jpg ALT=“Juan Román Riquelme anota un gol para la selección Argentina.” WIDHT=400 HEIGHT=180>.
El segundo componente de una página web para que ésta sea dinámica, explícita gráficamente y a la vez atractiva, será la inclusión de imágenes dentro de su cuerpo.
La manera de realizar este procedimiento no es compleja, y se logra mediante el uso de un solo tag: <IMG>, al que será muy importante agregarle sus modificadores. El modificador principal es SRC=origen, donde en origen debemos especificar la ruta completa que indique dónde está ubicado el archivo. Esta ruta puede ser local si el archivo está ubicado en la carpeta del sitio o en alguna de sus subcarpetas, o también puede ser remota si se hace referencia a una dirección de Internet para este dato digital. Examinemos un ejemplo. Supongamos que deseamos incluir en el cuerpo principal de nuestra página una imagen con formato JPG llamada img1.jpg y ubicada en una subcarpeta del sitio denominada imágenes. El código que habría que incluir en el documento HTML sería <IMG SRC=imágenes/img1.jpg>. El segundo modificador relevante es el de texto alternativo, que se indica con el comando ALT=“Texto”. Este texto puede servir como nota o dato complementario a la imagen, y será el que se mostrará cuando el usuario pase el mouse sobre la imagen. Por ejemplo, para la imagen anterior, podríamos escribir lo siguiente: <IMG SRC=imágenes/ img1.jpg ALT=“Juan Román Riquelme anota un gol para la selección Argentina.”>.Por último, nos queda por conocer los modificadores de alineación y tamaño de una imagen en HTML. En el primer caso, como en la mayoría de los elementos,
el comando utilizado será ALIGN=alineación, y los posibles valores pueden ser centrado (CENTER), alineación a la izquierda del texto (LEFT), alineación a la derecha del texto (RIGHT), con el texto en la línea más alta (TOP), con el texto en la línea más baja (BOTTOM) o con el texto en la línea media (MIDDLE). En cuanto al tamaño, contamos con dos modificadores que se aplicarán también a otros elementos, como tablas, celdas o capas. Estos son WIDTH=ancho y HEIGHT=alto. Ambos valores los debemos especificar en píxeles, por lo que si deseamos modificar el valor original de nuestra imagen a uno de 400x180 píxeles, tendríamos que definir el siguiente código <IMG SRC=imágenes/img1.jpg ALT=“Juan Román Riquelme anota un gol para la selección Argentina.” WIDHT=400 HEIGHT=180>.
COMENTA LA PUBLICACION