Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Desafio: Imagens | Mídias e Tabelas
HTML Supremo
course content

Conteúdo do Curso

HTML Supremo

HTML Supremo

1. Desenvolvimento Web
2. Tags e Atributos
3. Estrutura do Documento
4. Mídias e Tabelas
5. Formulários

bookDesafio: Imagens

🏁 Objetivo

Pratique o uso do caminho absoluto para imagens em HTML. Após a conclusão deste desafio, você:

  • Ganhará experiência prática no uso do caminho absoluto em um documento HTML;
  • Aprenderá como fornecer um texto alt significativo para imagens para garantir acessibilidade e experiência do usuário.

📋 Tarefa

  1. Certifique-se de que o atributo src da primeira imagem utiliza o caminho absoluto. Você pode encontrar a imagem em: https://codefinity-content-media-v2.s3.eu-west-1.amazonaws.com/courses/c468052d-6d47-4677-b1d1-fb11ace719b1/meadia-%26-tables/adik.png;
  2. Utilize o caminho absoluto para o atributo src da segunda imagem. Acesse a imagem aqui: https://codefinity-content-media-v2.s3.eu-west-1.amazonaws.com/courses/c468052d-6d47-4677-b1d1-fb11ace719b1/meadia-%26-tables/joking.png;
  3. Especifique o valor apropriado do atributo alt para ambas as imagens. Lembre-se de que o valor alt é crucial para fornecer contexto no caso de falha no carregamento das imagens ou para usuários que dependem de leitores de tela.

Utilize the absolute path for the src attribute of the second image. Access the image here:

Specify the appropriate alt attribute value for both images. Remember, the alt value is crucial for providing context in case images fail to load or for users relying on screen readers.

html

index

css

index

js

index

copy
  1. Use the img tag to specify an image.
  2. Use the src attribute to specify the image's location.
  3. Use the alt attribute to furnish a descriptive text for the image.
  4. You can use the width attribute to define the image's width.
  5. You can use the height attribute to define the image's height.
html

index

css

index

js

index

copy
Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 4. Capítulo 2
We're sorry to hear that something went wrong. What happened?
some-alt