Cómo utilizar la etiqueta img de html
Uso de la etiqueta img: muestra la imagen obtenida a través del atributo src de la etiqueta img. Los atributos de alto y ancho de la etiqueta img establecen el tamaño de la imagen. atributo alt para mostrar texto alternativo.
La etiqueta img de html se puede utilizar para mostrar imágenes en una página web. Es una etiqueta vacía que contiene solo atributos y ninguna etiqueta de cierre.
Atributos de la etiqueta img
La etiqueta img puede contener: atributo src, atributos de alto y ancho, y atributo alt. El atributo src y el atributo alt son atributos importantes de la etiqueta HTML img.
Echemos un vistazo más de cerca a estos atributos de la etiqueta img:
1. Atributo src
El atributo src es un atributo necesario para describir la fuente de la imagen. o ruta. Indica al navegador dónde buscar imágenes en el servidor.
¿Entiendes la imagen? Hay dos situaciones:
1), obtener la imagen en la misma carpeta
Cuando el archivo HTML y la imagen están en la misma carpeta, así:
Podemos completar directamente el nombre de la imagen en el atributo src, como por ejemplo:
img tag
2), en otro directorio/carpeta, como por ejemplo:
p>Puedes acceder a la imagen así:
img tag
Si es más complicado, cuando colocamos la imagen 1.jpg en la carpeta E ------> img del disco local, podemos mostrar la imagen así:
< img src="E:/img/1.jpg">2. Atributos de alto y ancho
Los atributos de alto y ancho de la etiqueta img se pueden usar para establecer el alto y el ancho de la imagen. por ejemplo:
Representación:
La altura y el ancho de la etiqueta img La imagen también se puede configurar a través de CSS, por ejemplo:
img{
ancho:450px;
alto:300px;
} 3. atributo alt
El atributo alt se puede utilizar para mostrar texto alternativo cuando la imagen no se puede mostrar en el navegador.
Ejemplo: quiero mostrar una imagen 1.jpg, pero no hay ninguna
etiqueta img
Representación:
Resumen: