En HTML, ¿Qué es una etiqueta de imagen?

Al crear una página web utilizando HTML, la de imagen se utiliza para insertar una foto o gráfico en un lugar particular en la página. Hay muchas maneras de que las imágenes se pueden utilizar en páginas web, de añadir el interés de ser utilizados como una herramienta de navegación o para proporcionar información. También hay diferentes formatos de imágenes que pueden ser utilizados. No importa cómo o qué imagen está siendo añadido a la página web, la de imagen siempre es necesario.

Para añadir una imagen, la etiqueta de imagen está incluido en la que desea que aparezca la imagen dentro de la página. Por ejemplo, si una imagen que se insertará después de este párrafo, la etiqueta de imagen, o , se añadirá al documento HTML después de este párrafo. La etiqueta define todas las imágenes en HTML. Se la conoce como una etiqueta vacía, ya que contiene los atributos y no tiene etiqueta de cierre. Los atributos son opciones que están disponibles para una etiqueta HTML específica.

Si se sumaron a un documento HTML, nada como mostrar los atributos de la etiqueta no se han incluido. El atributo más importante para es src, que significa fuente. El atributo src estados donde el archivo de imagen se encuentra en realidad, o es la dirección para el archivo de imagen. Como la imagen está siendo utilizado en una página web, la ubicación de la imagen se da como una dirección URL. En el documento HTML, la imagen se vería así: src=URL .

En concreto, los puntos de dirección a donde se almacena la imagen. Por ejemplo, si una imagen de un ordenador con el nombre de archivo computer. jpg fueron almacenados en la carpeta de imágenes en www. wisegeek. com, la dirección URL se sustituye por: . Cuando el navegador se abre la página web, se muestra la imagen en donde se incluye la etiqueta de la imagen.

La etiqueta de la imagen tiene una serie de otros atributos diferentes . Permiten al usuario ajustar la imagen aparece en la página. Los atributos siguientes son comúnmente usadas para este tag: alt, border, el tamaño y alinear.

El atributo alt Bases para el texto alternativo y se muestra si un navegador no es capaz de mostrar una imagen. También, se lee un texto alternativo para aquellos usuarios que tienen dificultades visuales y elige para mostrar texto en imágenes. Para el ejemplo anterior, el texto alternativo podría ser declarado como alt=Imagen de un ordenador.

El frontera el atributo añade un borde a la imagen con el espesor en función de la número de píxeles afirmó. Esto puede ser especialmente útil cuando el fondo de la imagen y el fondo de sitio web son similares, y una clara distinción que se desea. Por ejemplo, border=10 pondrá un 10 borde grueso alrededor de un píxel de la imagen.

Tamaño atributos son también importantes, como la anchura y la altura se puede utilizar para especificar la exacta tamaño de una imagen. Estos atributos deben utilizarse con mucho cuidado porque, de lo que puede afectar a las proporciones o la calidad de la imagen mostrada. Tamaño de atributos no cambian el archivo real, cómo el navegador muestra.

El atributo align especifica cómo se alinea la imagen en comparación con el texto en la página. Hay varias opciones diferentes para este atributo, como superior, inferior, medio, izquierda, derecha, ABSBOTTOM absmiddle, de base y de TEXTTOP. Estas también ayudará a determinar cómo el texto en la página se alinea con la imagen.

Deja un comentario