From d6f77884391b2d19f9af4db70fc9d09990ed299a Mon Sep 17 00:00:00 2001 From: Emanuelle Date: Mon, 3 Jun 2019 14:57:36 -0300 Subject: [PATCH] =?UTF-8?q?Tradu=C3=A7=C3=A3o=20de=20t=C3=ADtulos=20(#3228?= =?UTF-8?q?0)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../add-images-to-your-website.portuguese.md | 17 +++++++++++++---- 1 file changed, 13 insertions(+), 4 deletions(-) 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