Ajuda HTML preciso de ajuda

<h2>CatPhotoApp</h2>
<main>
  <a href="https://www.freecatphotoapp.com" target="_blank">"cat photos"</a>

  <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back.">
  <p> View more Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
  <p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
 <p> "View more cat photos"> <a ="https://www.freecatphotoapp.com" </a> = </p> 
</main>

Fica faltando duas partes: O elemento a deve ser incluído em seu novo elemento p.

Você deve ter apenas um elemento a.

Como concluir essas duas partes ?

You have some syntax errors in the html, specifically on how to write a tag properly.

<p> "View more cat photos"> <a ="https://www.freecatphotoapp.com" </a> = </p> 

In the line above, your <p> is finished, but you got an extra > way after some text. Your <a> was never finished, instead you have <a. Any html tag, whether it be an opening or closing tag, will need angle brackets surrounding it, e.g. <h1>, <form>

After you correct the syntax errors, then think about the challenge requirement.

Nest the existing a element within a new p element. Do not create a new anchor tag. The new paragraph should have text that says View more cat photos , where cat photos is a link, and the rest is plain text.

Specifically the part about cat photos being a link.

next time please try to post html/css questions to the html/css subforum, also link the relevant challenge with your code.

good luck.

1 Like

Vou dar um exemplo aqui. Vamos ver se auxilia.
Se você quiser fazer um parágrafo dizendo “Clique aqui para obter ajuda”, mas quiser que apenas a palavra “ajuda” seja um link, você faria assim:
<p>Clique aqui para obter <a href=“https://www.google.com” target="_blank">ajuda</a></p>
No HTML, clicar na palavra “ajuda” abriria o site do Google em uma nova aba/guia.
Você já tem o link para “cat photos”. Faltava apenas cercar com um parágrafo e colocar a parte que diz "View more " antes do link. Não precisa fazer um novo. Espero ter ajudado. Abraço.

@jessicasantananutri , aproveito para dizer que, se você quiser acessar o currículo em português, basta ir no menu e alterar o idioma ou acessá-lo pelo link https://www.freecodecamp.org/portuguese/learn.
Se quiser explicar suas dúvidas em português, para nós, quando quiser mandar uma dúvida aqui no fórum, encaminhe-a para o subfórum do português. Fica mais fácil localizar uma dúvida lá. Obrigado e bons estudos.

<h2>CatPhotoApp</h2>
<main>
  <a href="https://www.freecatphotoapp.com" target="_blank">"cat photos"</a>

  <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back.">
  <p> View more Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
  <p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
<p> "View more cat photos"> <a> cat photos</a> <a ="https://www.freecatphotoapp.com" a> </a> = </p> 
</main>

Eu não consegui sair dessa liçao não
fica faltando Você deve ter apenas um elemento a.

O elemento a deve ser incluído em seu novo elemento p.

Bora, então. :smiley:
Se você olhar logo depois de <main>, vai ver que o <a> que a lição pede já está ali. Você não precisa repetir ele lá embaixo. Então:

Essa linha inteira, na prática, não precisa existir.
O que você precisa fazer é pegar aquele <a> ali de cima, circular ele com um parágrafo e colocar a expressão "View more " antes do <a>, mas dentro do parágrafo (ou seja, logo depois da tag <p>) para ele funcionar. Faça isso e execute os testes novamente. Abraço.

<h2>CatPhotoApp</h2>
<main>
<a href="https://www.freecatphotoapp.com" target="_blank">"cat photos"</a>

  <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back.">
  <p> View more Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
  <p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
<p> "View more cat photos"> ="https://www.freecatphotoapp.com" = </p> 
</main>

está faltando só: O elemento a deve ser incluído em seu novo elemento p.

Esse <p>, você remove (a linha toda).

Lá em cima, logo após a tag <main>, tem um <a> que já tá prontinho.
Circula ele com as tags <p> e </p>. Depois da tag <p>, você coloca o "View more ". E era isso.

I edited a couple of your posts. If you keep your questions outside of the backticks for code blocks, then translation browser extensions can help more people read what you’re asking :slight_smile:

Agora sim consegui, muito obrigada mesmo.

1 Like

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.