Colección de citas famosas - Slogan de motivación - Cómo utilizar la etiqueta img de html

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

Renderizado:

2), en otro directorio/carpeta, como por ejemplo:

p>

Puedes acceder a la imagen así:

img tag

La representación es como se muestra arriba.

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: