Inserção de imagens em HTML

Página 6

Para inserir imagens em uma página HTML, é necessário utilizar a tag . Essa tag permite que a imagem seja exibida na página, e pode ser adicionada em qualquer parte do código HTML. A primeira coisa a se fazer é escolher a imagem que será inserida. É importante que a imagem esteja salva em um formato compatível com a web, como JPEG, PNG ou GIF. Além disso, é importante que a imagem tenha um tamanho adequado para a página em que será inserida, para que não fique desproporcional ou demore muito para carregar. Para inserir a imagem, é necessário utilizar a tag , que tem a seguinte sintaxe: texto_alternativo O atributo src indica o caminho da imagem, que pode ser um endereço na internet ou um caminho relativo no servidor em que a página está hospedada. Por exemplo, se a imagem estiver na mesma pasta que a página HTML, basta colocar o nome da imagem no atributo src, como no exemplo abaixo: Minha imagem Já o atributo alt é utilizado para descrever a imagem em caso de problemas de carregamento ou para usuários com deficiência visual. É importante que o texto alternativo seja descritivo e explicite o conteúdo da imagem. Além disso, é possível adicionar outros atributos à tag , como o atributo width para definir a largura da imagem em pixels, e o atributo height para definir a altura da imagem em pixels. É importante utilizar esses atributos com cuidado, para que a imagem não fique desproporcional ou perca qualidade. Também é possível adicionar um link à imagem, para que ela redirecione o usuário para outra página ou recurso. Para isso, basta adicionar o atributo href à tag , como no exemplo abaixo: Minha imagem Dessa forma, ao clicar na imagem, o usuário será redirecionado para a página destino. Em resumo, a inserção de imagens em HTML é uma tarefa simples e importante para tornar a página mais atraente e informativa. Utilizando a tag e os atributos adequados, é possível inserir imagens de forma fácil e eficiente.

Agora responda o exercício sobre o conteúdo:

_Qual é a função do atributo "alt" na tag ?

Você acertou! Parabéns, agora siga para a próxima página

Você errou! Tente novamente.

Próxima página do Ebook Gratuito:

7Links em HTML

Ganhe seu Certificado deste Curso Gratuitamente! ao baixar o aplicativo Cursa e ler o ebook por lá. Disponível na Google Play ou App Store!

Disponível no Google Play Disponível no App Store

+ de 6,5 milhões
de alunos

Certificado Gratuito e
Válido em todo o Brasil

48 mil exercícios
gratuitos

4,8/5 classificação
nas lojas de apps

Cursos gratuitos em
vídeo, áudio e texto