diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/basic-html-and-html5/add-images-to-your-website.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/basic-html-and-html5/add-images-to-your-website.portuguese.md index 36f1a70dbb..1c0b5a123f 100644 --- a/curriculum/challenges/portuguese/01-responsive-web-design/basic-html-and-html5/add-images-to-your-website.portuguese.md +++ b/curriculum/challenges/portuguese/01-responsive-web-design/basic-html-and-html5/add-images-to-your-website.portuguese.md @@ -7,12 +7,21 @@ localeTitle: Adicionar imagens ao seu site --- ## Descrição -
Você pode adicionar imagens ao seu site usando o elemento img e apontar para o URL de uma imagem específica usando o atributo src . Um exemplo disso seria: <img src="https://www.your-image-source.com/your-image.jpg"> Note que os elementos img são de fechamento automático. Todos os elementos img devem ter um atributo alt . O texto dentro de um atributo alt é usado para leitores de tela para melhorar a acessibilidade e é exibido se a imagem não for carregada. Nota: Se a imagem é puramente decorativa, usar um atributo alt vazio é uma prática recomendada. Idealmente, o atributo alt não deve conter caracteres especiais, a menos que seja necessário. Vamos adicionar um atributo alt ao nosso exemplo de img acima: <img src="https://www.your-image-source.com/your-image.jpg" alt="Author standing on a beach with two thumbs up.">
+
Você pode adicionar imagens ao seu site usando o elemento img e apontar para o URL de uma imagem específica usando o atributo src Um exemplo disso seria: + + <img src="https://www.your-image-source.com/your-image.jpg"> + +Note que os elementos img são de fechamento automático. +Todos os elementos img devem ter um atributo alt . O texto dentro de um atributo alt é usado para leitores de tela para melhorar a acessibilidade e é exibido se a imagem não for carregada. + +Nota: Se a imagem é puramente decorativa, usar um atributo alt vazio é uma prática recomendada. Idealmente, o atributo alt não deve conter caracteres especiais, a menos que seja necessário. Vamos adicionar um atributo alt ao nosso exemplo de img acima: <img src="https://www.your-image-source.com/your-image.jpg" alt="Author standing on a beach with two thumbs up.">
## Instruções -
Vamos tentar adicionar uma imagem ao nosso site: Insira uma tag img antes do elemento h2 . Agora defina o atributo src para que aponte para este URL: https://bit.ly/fcc-relaxing-cat Por fim, não se esqueça de dar à sua imagem um texto alt .
+
Vamos tentar adicionar uma imagem ao nosso site: + + Insira uma tag img antes do elemento h2 . Agora defina o atributo src para que aponte para este URL: https://bit.ly/fcc-relaxing-cat Por fim, não se esqueça de dar à sua imagem um texto alt .
-## Tests +## Testes
```yml @@ -28,7 +37,7 @@ tests:
-## Desafio semente +## Desafio