Aprenda HTML criando um aplicativo de fotos de gatos - Passo 15

Português HTML-CSS
1

Conte-nos o que está acontecendo:
Descreva detalhadamente o problema aqui.

Seu código até o momento

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->
      <p>See more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a> in our gallery.</p>

<!-- User Editable Region -->

      <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."><a herf="https://freecatphotoapp.com"</a>

<!-- User Editable Region -->

    </main>
  </body>
</html>

Informações de seu navegador:

Agente de usuário: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/115.0.0.0 Safari/537.36 OPR/101.0.0.0

Desafio: Aprenda HTML criando um aplicativo de fotos de gatos - Passo 15

Link para o desafio:

2

Oiee, boa noite! :slight_smile: @aandrecandido

<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back.">
<a herf="https://freecatphotoapp.com"</a>

Quebrei seu código em duas linhas pra gente conseguir observar melhor o que está acontecendo. O desafio pede o seguinte:

Transforme a imagem em um link, envolvendo-a com as tags dos elementos necessários. Use https://freecatphotoapp.com como valor do atributo href do elemento de âncora.

A palavra chave pra resolução desse desafio é a palavra envolvendo. A imagem deve estar dentro de uma tag de link, no seu código a tag img está dentro da tag a? :eyes:

Dê uma olhada!!! :thinking:

qualquer coisa se não tiver ficado nítido me avisa que explico de outra forma! Bons estudos.

1 Like
3

Conte-nos o que está acontecendo:
Descreva detalhadamente o problema aqui.

Seu código até o momento

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->
      <p>See more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a> in our gallery.</p>

<!-- User Editable Region -->

      <img <a href="https://freecatphotoapp.com"src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back.">

<!-- User Editable Region -->

    </main>
  </body>
</html>

Informações de seu navegador:

Agente de usuário: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/117.0.0.0 Safari/537.36

Desafio: Aprenda HTML criando um aplicativo de fotos de gatos - Passo 15

Link para o desafio:

4

Olá @fabio1 boas vindas :slight_smile: espero que esteja bem!

Vamos das uma olhada no seu código :eyes:

<img <a 
href="https://freecatphotoapp.com"src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back.">

Quebrei seu código em duas linhas para conseguirmos analisar melhor, repare que você declara as tags da seguinte maneira:

<img      <a>

A sintaxe acima não existe. Aqui você não fecha a sua tag img e nem a sua a tag <a>. Outro ponto importante aqui é que temos uma tag img envolvendo uma tag a . Será que é isso que devemos fazer? :eye:

O desafio pede para que você: Transforme a imagem em um link, envolvendo-a com as tags dos elementos necessários. Se eu quero transformar minha imagem em um link quem deve estar por fora envolvendo toda imagem? :thinking:

Se não tiver ficado nítido me avise, bons estudos!

1 Like