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.
html

index

css

index

js

index

copy
  1. Utilize a tag img para especificar uma imagem;
  2. Utilize o atributo src para especificar a localização da imagem;
  3. Utilize o atributo alt para fornecer um texto descritivo para a imagem;
  4. Você pode utilizar o atributo width para definir a largura da imagem;
  5. Você pode utilizar o atributo height para definir a altura da imagem.
html

index

css

index

js

index

copy
Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 4. Capítulo 3
some-alt