¿Cuál es la forma correcta de usar una etiqueta de imagen HTML?
Las imágenes a menudo se agregan a las páginas web para que parezcan más acogedores e interesantes en comparación con una página de texto sin formato. Usando la etiqueta de imagen HTML, es fácil agregar imágenes a cualquier página web. Esta etiqueta también tiene una serie de atributos o características que puede especificar.
Al agregar imágenes a una página web, es importante recordar que una imagen no es realmente parte del archivo que conforma la página web en sí. Los archivos utilizados para la página web son archivos separados de todos los archivos de imagen. La etiqueta de imagen HTML refiere el navegador web al archivo de imagen específico para la imagen que desea que se muestre. Cuando la página web se muestra en un navegador, el archivo de imagen se muestra junto con cualquier otro archivo que compone esa página.
El código para la etiqueta de imagen HTML es: . La ubicación de la imagen es el nombre del archivo de la imagen que desea mostrar y donde se almacena la imagen. Es importante que obtenga esta información correcta para asegurarse de que la imagen se muestre correctamente. ElOrganización y almacenamiento de imágenes que desea usar en su página web son consideraciones importantes.
Algunas personas almacenan sus imágenes en el mismo directorio que todas las otras partes de sus páginas web. En este caso, cuando se refiere a la imagen, solo incluiría el nombre de archivo en la etiqueta de imagen HTML. Cuando una página web tiene una serie de imágenes, es común crear un subdirectorio, a menudo llamado imágenes . En este caso, el nombre del subdirectorio también se incluiría en la etiqueta.
Como ejemplo, esto es lo que haríamos para insertar una imagen de un árbol, filename tree.jpg, en una página web. Si hubiéramos almacenado la imagen del árbol en el mismo lugar que nuestros otros archivos de la página web, la etiqueta de imagen HTML sería . Si el archivo de imagen se almacenó en un subdirectorio dentro de nuestro directorio de la página web, la etiqueta se cambiaría a
. Lo que es importante recordar es tLa etiqueta de imagen HTML proporciona una referencia o ruta al archivo de imagen. Básicamente, le dice al navegador dónde buscar el archivo.
La etiqueta de imagen HTML tiene una serie de atributos que se pueden especificar para la imagen que desea incluir. Los atributos son características de la etiqueta en sí y, por lo tanto, se usan dentro de la etiqueta, o entre el
- Alinee: especifica cómo su imagen está alineada en relación con el texto en su página (izquierda, derecha, superior, media, inferior)
- Alt - se refiere al texto alternativo. Este es un atributo muy importante y debe incluirse para todas sus imágenes. Especifica el texto que se muestra en lugar de la imagen
- Border: agrega un borde a su imagen, con el grosor especificado en píxeles
- Altura y ancho: se pueden usar para definir el ancho y la altura de la imagen que desea mostrar, lo que le permite cambiar el Size de la imagen. Tenga cuidado con estos atributos, ya que puede cambiar la calidad de la imagen y las proporciones, lo que resulta en imágenes de baja calidad
- vspace y Hspace - se usan para agregar espacio en blanco alrededor de su imagen.