Tags de imagem
tag de imagem <img> para a introdução de um quadro externo à página atual
Use tag <img> para importar imagens externas, tag img é uma tag de fecho automático
img pertencente elementos substituídos (entre os elementos de bloco e elementos em linha base) elementos de bloco em linha inline-bloco de imagem de etiquetas.
atributo:
[Src] : atributo especifica o caminho para a imagem externa (regras de caminho e hiperligações são o mesmo)
[Alt] : descrição da imagem, esta descrição não é exibida por padrão no caso, alguns navegadores irá aparecer na página não pôde ser carregado quando a imagem para fora. Os motores de busca serão identificados de acordo com o conteúdo da imagem no alt (search esquilo aparece esquilo)
[Largura] : largura da imagem
[Altura] : altura da imagem
Se a relação entre a alteração da largura e altura da imagem somente um vai ser ampliada ou reduzida, etc.
Recomendação: No lado do PC não é recomendado para modificar o tamanho da imagem, a imagem grande Zoom desperdício de memória, a distorção da imagem em miniatura, é melhor mapa corte. Mas no terminal móvel, muitas vezes você precisa ampliar a imagem (imagem grande Zoom)
img { largura : 200 px ; altura : auto ; }
Pictures introduzido
Uma imagem externa pode ser introduzida por um caminho relativo
< IMG src = '/ IMG / 1.gif' Alt = 'Squirrel' >
Você também pode usar caminhos absolutos para apresentar imagens externas
< Img src = 'https:? //Www.baidu.com/s wd =% E9% 9B% AA% E5% 9C% B0% E6% 9D% SER% E9% BC% A0 & tn = monline_3_dg & usm = 5 & ie = UTF 8 & rsv_cq =% E6% 9D% SER% E9% BC% A0 & rsv_dl = 0_left_pet_multi_6829' >
formato de imagem
jpeg (jpg):
suportes cor rica, não suporta transparência, não suporte a animação
normalmente usado para mostrar foto
gif:
cor Suporte é relativamente pequeno, simples e suporte transparente, suporte a animação
de imagens de uma só cor, mapa em movimento
png:
suporte para cores ricas, apoio transparentes complexos, não suporta animação
rica de cores, imagens transparentes complexos (páginas projetado especificamente para nascer)
WebP:
Este formato de imagem é a página web novo Google dedicado à representação de imagens em um formato
que tem todas as vantagens de outros formatos de imagem, mas também imagem pouco especial, mostrando bons resultados, a transparência Ye Hao, também suporta o movimento FIG
desvantagens: a compatibilidade não é bom, especialmente no navegador IE
regras de selecção: o mesmo efeito com um arquivo pequeno, o efeito não é o mesmo com bom efeito
Base64:
codificação base64, você também pode usar as imagens base64 codificado, imagens converter-se ao caráter, introduzidas na forma de caracteres a partir da imagem
, em geral, são algumas das necessidades e páginas carregadas com as imagens serão base64
codificação base64 on-line e ferramentas de decodificação https://base64.us/