03.Etiqueta de imagen img

En las etiquetas HTML, la etiqueta se utiliza para definir imágenes en páginas HTML.

src es un atributo obligatorio de la etiqueta , que se utiliza para especificar la ruta y el nombre del archivo de imagen.

Los llamados atributos: entendidos simplemente son las características de esta etiqueta de imagen.

Nota:

1. La etiqueta de imagen puede tener múltiples atributos, cada uno de los cuales debe escribirse después del nombre de la etiqueta.

2. Los atributos no están en ningún orden en particular, y el nombre de la etiqueta y los atributos, y los atributos y atributos están separados por espacios.

3. Los atributos toman el formato de pares clave-valor, es decir, el formato de clave="valor" y atributo="valor de atributo".

4. Solo necesitas establecer uno de los atributos de ancho y alto de la imagen, y el otro escalará proporcionalmente. Configurar ambos al mismo tiempo causará distorsión por compresión de la imagen.

Ventajas:

1. El entorno de ejecución es simple y claro, y no cambia con los cambios en la ubicación de la página web.

2. Relativamente seguro.

Desventajas:

1. Cuando se abre el HTML en otra computadora o se cambia la letra de unidad de la imagen, la imagen no se puede mostrar en la página y la portabilidad de la imagen es pobre.

Haga clic derecho en el sitio web para copiar la dirección de la imagen y escríbala en src para importarla correctamente.

Ventajas:

1. La ruta es sencilla y clara, facilitando la búsqueda en los buscadores.

2. Mientras haya una red, no importa cómo se mueva el archivo html, la imagen aún se puede mostrar normalmente.

Desventajas:

No es fácil trasplantar. Si el nombre de dominio del sitio web cambia, todas las imágenes dejarán de ser válidas.

La ruta del directorio se establece en función de la ubicación del archivo html. Es decir, la posición de la imagen con respecto a la página HTML.

Simplemente escribe directamente y asegúrate de agregar el sufijo de la imagen.

lt; img src="Nombre de imagen de ruta del mismo nivel.png" /gt;