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.

Now answer the exercise about the content:

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

You are right! Congratulations, now go to the next page

You missed! Try again.

Next page of the Free Ebook:

7Links em HTML

Earn your Certificate for this Course for Free! by downloading the Cursa app and reading the ebook there. Available on Google Play or App Store!

Get it on Google Play Get it on App Store

+ 6.5 million
students

Free and Valid
Certificate with QR Code

48 thousand free
exercises

4.8/5 rating in
app stores

Free courses in
video, audio and text