O principal problema relacionado à adição de imagens HTML de fontes remotas é que isso pode levar a tempos de carregamento de página lentos. Isso ocorre porque o navegador deve fazer uma solicitação separada para cada imagem, que pode aumentar rapidamente se houver várias imagens na página. Além disso, se a fonte remota estiver inoperante ou tiver uma conexão lenta, isso pode atrasar ainda mais o carregamento da página. Por fim, também há um risco maior de vulnerabilidades de segurança, pois as imagens são extraídas de uma fonte externa.
<img src="https://example.com/image.jpg" alt="Example Image">
1. Esta linha de código é uma tag de imagem HTML, que é usada para exibir uma imagem em uma página da web.
2. O atributo “src” especifica a URL da imagem a ser exibida, neste caso é “https://example.com/image.jpg”.
3. O atributo “alt” fornece texto alternativo para a imagem, neste caso é “Example Image”.
atributo img src
O atributo img src em HTML é usado para especificar a fonte de uma imagem. É usado dentro do tag para definir a origem de uma imagem. O valor desse atributo deve ser um URL válido apontando para um arquivo de imagem. Esse atributo é necessário para todas as imagens em uma página da Web e permite que o navegador localize e exiba a imagem.
Como adiciono uma imagem externa em HTML
Adicionar uma imagem externa em HTML é bastante simples. Tudo o que você precisa fazer é usar o tag e especifique a fonte da imagem usando o atributo src. A sintaxe para adicionar uma imagem externa em HTML é assim:
Onde “image_url” é um link para o arquivo de imagem e “texto alternativo” é uma descrição do que está na imagem (para fins de acessibilidade).
Por exemplo, se você quiser adicionar uma imagem externa de seu site chamada my-image.jpg, seu código ficará assim:
