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

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

**Estou com dificuldade em continuar, já fiz refiz e sempre da o mesmo resultado…
((Após aninhar o elemento de âncora (a ), o único conteúdo do elemento p visível no navegador deve ser See more cat photos in our gallery. Verifique o texto novamente em termos de espaçamento e pontuação, tanto do elemento p quanto do elemento de âncora aninhado.))

Seu código até o momento

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->

<!-- User Editable Region -->

      <p>   <a  href="https://freecatphotoapp.com">cat photos</a></p>
      <a href="https://freecatphotoapp.com">link to cat pictures</a>


<!-- 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.">
    </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/110.0.0.0 Safari/537.36

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

Link para o desafio:

Olá!

Você não precisa apagar o texto, deve manter como está apenas transformando “cat photos” em um link. Use o botão “Reiniciar este passo” para limpar os erros.

Eu tenho o seguinte elemento p:

<p>Texto qualquer link aqui</p>

Se eu quero transformar “qualquer link” em um link usando o elemento <a>, basta envolver ele e apenas ele nessa tag, sem alterar mais nada, nem adicionar espaços:

<p>Texto <a>qualquer link</a> aqui</p>

E para indicar o destino/site, basta usar o atributo href, assim:

<p>Texto <a href="https://exemplo.com">qualquer link</a> aqui</p>

Nessa etapa basta fazer isso com o texto pedido usando o link, como você fez na etapa anterior para “link to cat pictures”. :slightly_smiling_face:

2 Likes

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

<!-- User Editable Region -->

      <p>See more cat photos in our gallery <a href="https://freecatphotoapp.com'>cat photos</a> </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.">
    </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/109.0.0.0 Safari/537.36 OPR/95.0.0.0 (Edition std-1)

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

Link para o desafio: