etiquetas de las imágenes
Etiqueta de imagen <img> para la introducción de una imagen externa a la página actual
Use <img> para importar imágenes externas, etiqueta img es una etiqueta de cierre automático
img perteneciente elementos sustituidos (entre los elementos de bloque y elementos en línea basado) elementos de bloque en línea inline-block etiqueta de imagen.
atributo:
[Src] : atributo especifica la ruta a la imagen externa (reglas de ruta y los hipervínculos son los mismos)
[Alt] : Descripción de la foto, esta descripción no se muestra por defecto en el caso, algunos navegadores aparecerá en la página no se pudo cargar cuando la imagen hacia fuera. Los motores de búsqueda serán identificados de acuerdo con el contenido de la imagen en el alt (búsqueda de ardilla aparece ardilla)
[Ancho] : anchura de la imagen
[Altura] : altura de la imagen
Si la relación de la anchura y la altura de cambiar sólo una imagen se amplía o se reduce, etc.
Recomendación: En el lado del PC no se recomienda modificar el tamaño de la imagen, la imagen grande de zoom pérdida de memoria, la distorsión de la imagen en miniatura, es mejor mapa corte. Pero en el terminal móvil, a menudo se necesita para ampliar la imagen (imagen grande de zoom)
img { anchura : 200 píxeles ; altura : auto ; }
fotos introducido
Una imagen externa puede ser introducido por una ruta relativa
< IMG SRC = '/ IMG / 1.gif' Alt = 'ardilla' >
También puede utilizar rutas absolutas para introducir imágenes externas
< Img src = 'https:? //Www.baidu.com/s wd =% E9% 9B% AA% E5% 9C% B0% E6% 9D% BE% E9% BC% A0 y tn = monline_3_dg y usm = 5 & ie = UTF 8 y rsv_cq =% E6% 9D% BE% E9% BC% A0 y rsv_dl = 0_left_pet_multi_6829' >
formato de imagen
JPEG (jpg):
soportes de color rico, no soporta la transparencia, la animación no hace de soporte
utilizan normalmente para mostrar la foto
gif:
Admisión de color es relativamente pequeño, sencillo y soporte transparente, ayuda de la animación
de imágenes de un solo color, mapa móvil
png:
apoyo a la riqueza de color, de apoyo transparentes complejas, lo hace de animación no ayuda
rica de colores, imágenes transparentes complejas (páginas diseñadas específicamente para nacer)
webp:
Este formato de imagen es nueva página web de Google dedicado a la representación de imágenes en un formato
que tiene todas las ventajas de otros formatos de imagen, sino también cuadrito especial, que muestran buenos resultados, la transparencia de Ye Hao, también es compatible con el movimiento FIG
desventajas: la compatibilidad no es buena, sobre todo en el navegador Internet Explorer
Las reglas de selección: el mismo efecto con un pequeño archivo, el efecto no es el mismo con buenos resultados
Base 64:
codificación base64, también puede utilizar las imágenes base64, imágenes Convertir a carácter, introducidos en forma de caracteres de la imagen
, en general, son algunas de las necesidades y páginas cargadas de imágenes serán base 64
la codificación base64 en línea y herramientas de decodificación https://base64.us/