Gostaria de saber aonde se encontra o erro do código abaixo para que eu possa inserir um txt em uma img:
<p>See more cat photos in our gallery.</p>
<p>cat photos <a href="https://freecatphotoapp.com"></a></p>
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.</p>
<p>cat photos <a href="https://freecatphotoapp.com"></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/116.0.0.0 Safari/537.36
Desafio: Aprenda HTML criando um aplicativo de fotos de gatos - Passo 12
O desafio pede que a parte da frase “cat photos” seja colocada dentro de um link, o que significa que você precisa envolvê-la com uma tag HTML de link. Isso permite que os usuários cliquem na frase e sejam direcionados para uma página específica quando estiverem navegando, por exemplo.
Será que sua frase cat photos está realmente dentro de uma tag link?
Outro ponto que vale observar é que você criou uma outra tag p para adicionar apenas a frase cat photos quando na verdade devemos usar a tag p que já existe.
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 <a "cat photos" href=https://freecatphotoapp.com> </a> in our gallery.</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/116.0.0.0 Safari/537.36
Desafio: Aprenda HTML criando um aplicativo de fotos de gatos - Passo 12
Sou novo no mundo da programacao ,comecei o curso de HTML e tenho problemas no desafio da parte 12.
peco ajuda que ja passou , mais tambem vereis alguns videos ou tuturias na internet
MEU CODIGO ESTA ABAXO
<html>
<body>
<main>
<h1>CatPhotoApp</h1>
<h2>Cat Photos</h2>
<!-- TODO: Add link to cat photos -->
<!-- User Editable Region -->
<p>I think <a href="https://freecatphotoapp.com">Cat photos</p>is great.</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/116.0.0.0 Safari/537.36
Desafio: Aprenda HTML criando um aplicativo de fotos de gatos - Passo 12
Olá, @bilton! Boas-vindas ao fórum do freeCodeCamp. Movi sua pergunta para este tópico, que já tem uma discussão bastante detalhada sobre o assunto. Veja se ele é útil para você! Bons estudos!
Dei uma olhada no seu código e no próprio teste pede para: Verifique o texto novamente em termos de espaçamento e pontuação, tanto do elemento p quanto do elemento de âncora aninhado.
Acredito que o problema seja apenas um espaçamento depois das palavras: more e in na frase contida dentro da sua tag p
Eu não estou conseguindo entender a logica.
vcs podem me ajudar?
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> Click here to view more <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:
Resumo
Este texto será ocultado
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 12
Ja estou no passo 12 do catphotoapp mais nao estou conseguindo acher o erro que estou fazendo no codigo
Seu código até o momento
No texto do elemento p , transforme as palavras cat photos em um link adicionando as tags de abertura e fechamento de um elemento de âncora (a ) ao redor dessas palavras. Em seguida, defina o valor do atributo href como https://freecatphotoapp.com
<p> See more cat photos in our gallery<a href="https://freecatphotoapp.com"> cat photos</a> </p>
<a href="https://freecatphotoapp.com">link to cat pictures</a>
<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>
<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/117.0.0.0 Safari/537.36
Desafio: Aprenda HTML criando um aplicativo de fotos de gatos - Passo 12
Oi, @gabriela.s.silva. Boas-vindas ao fórum do freeCodeCamp. Movi seu post para um no qual temos algumas sugestões para este desafio. Veja se alguma serve para você. Bons estudos!
Boas-vindas ao fórum do freeCodeCamp, @cassio! Movi seu post para outro que tem dicas para a solução deste desafio. Leia o post com atenção, faça as alterações no seu código e tente novamente. Bons estudos.
Conte-nos o que está acontecendo:
Descreva detalhadamente o problema aqui.
Seu código até o momento até o momento não estou conseguindo acertar o código pois sempre da erro me ajudem…
Desculpe, seu código não passou nos testes. Tente novamente.
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.
<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/117.0.0.0 Safari/537.36 Edg/117.0.2045.60
Desafio: Aprenda HTML criando um aplicativo de fotos de gatos - Passo 12
@cassio, leia, por favor, as respostas acima antes de criar outros posts para esse mesmo desafio. Já havíamos colocado sua pergunta anterior neste post para facilitar seu acesso.
Bons estudos!
bem , sou novo no mundo da programacao , peço ajuda no desafio 12
o codigo
See more cat photos in our gallery.
<html>
<body>
<main>
<h1>CatPhotoApp</h1>
<h2>Cat Photos</h2>
<!-- TODO: Add link to cat photos -->
<!-- User Editable Region -->
<p>See more (a href https://freecatphotoapp.com) in our gallery.</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/118.0.0.0 Safari/537.36
Desafio: Aprenda HTML criando um aplicativo de fotos de gatos - Passo 12
Temos esse texto aqui na tag p: See more cat photos in our gallery, correto?
<p>See more cat photos in our gallery.</p>
<a href="https://freecatphotoapp.com">link to cat pictures</a>
A ideia é que a parte do texto que está escrito cat photos se torne um link e para isso vc precisar envolver toda escrita cat photos usando uma tag de link. Faz sentido?
