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

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

<!-- User Editable Region -->

      <p>See more cat photos in our gallery
      <a href='https://freecodecamp.org.br'></a> https://freecatphotoapp.com.> 
      <p>"clique aqui para obter ajuda"<a href='https://www.google.com" target="blank" >
       


<!-- 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><See more cat photos in your gallery
    <a>href='h'
  </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

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

Link para o desafio:

2

Olá, @HELDISCORDEIROLEMOS! Boas-vindas ao fórum do freeCodeCamp. A partir do código, podemos apenas deduzir o que você quer saber. Qual é a sua dúvida de fato?

Já posso adiantar algumas coisas: abaixo da tag de fechamento de main, ou </main>, há duas aberturas de tags que não deviam estar ali. Além disso, na região que é editável (User Editable Region), os dois elementos p não foram fechados com uma tag de fechamento, o que causa problemas nos testes na hora de eles conferirem o resultado. Poste sua dúvida que tentamos auxiliar você por aqui. Bons estudos! :smiley:

3

Bom dia amigos. Já tentei de todas as maneiras. Não consigo concluir a tarefa. Agradeço se alguem por favor puder me ajudar.
Bom dia. Tá muito mais difícil para mim. Muito mais do que imaginei. troquei o mouse eteclado para ver se era isso também. Além da minha total falta de talento. Não tô sabendo mais o que fazer.

4

Tente voltar ao exercicio anterior e refazer, voce só precisa ler atentamente o que é proposto, que é inserir uma tag ancora apos a tag de paragrafo.

5

Oi, @HELDISCORDEIROLEMOS! Não se desespere! Estamos aqui para ajudar! :smiley:
Primeiro, não se esqueça de resetar seu passo 10 para remover o excesso de marcação que está aparecendo fora da área editável. Você pode fazer isso com o botão apontado na imagem abaixo:

image
image1446×699 188 KB

Depois de reiniciado, você já tem na área editável um p, dizendo:
<p>See more cat photos in our gallery.</p>
Agora, abaixo dele, você coloca a tag a, seguindo a instrução do passo. Caso ainda não consiga, mande mensagem aqui novamente e tentamos auxiliar mais uma vez. Bons estudos! :smiley:

6

Oi amigos
por favor, onde tenho que digitar? na linha numero 8 ? Após este

See more cat fotos in our gallery

?
Ou seria mais abaixo ? abaixo da caixa de mensagem que voc~e indicou com aseta vermelha exist te a frase verifique seu código. Então; mais abaixo tá escrito </ main>_____É aqui ou lá em cima ?

7

Isso, @HELDISCORDEIROLEMOS ! Na linha 8. :slight_smile: Ali vc tem que colocar o elemento a com o endereço que pede no exercício. Bons estudos! :slight_smile:

8

Bom dia amigo
Tem alguma leitura que você possa me indicar para que eu tente compreender melhor sobre os codigos. Sobre esses exercícios que estou fazendo ? Eu não estou conseguindo entender o que os exercicios pedem. Ou funciona assim mesmo ? Tenho pesquisado sobre HTML e o elemento ancora, mas não consigo entender a logica …

1 Like
9

O modelo aparece ali na instrução, @HELDISCORDEIROLEMOS! Ali, diz o seguinte:

Você pode fazer uma ligação com outra página usando o elemento de âncora (a). Por exemplo,

<a href="https://freecodecamp.org"></a>

faria um link para freecodecamp.org.

Como o endereço que se pede para adicionar é https://freecatphotoapp.com, tudo o que você precisa fazer é adicionar na linha 8 um elemento de âncora e colocar dentro das aspas no href o endereço novo solicitado, neste modelo:
<a href="insira-aqui-o-endereço"> </a>
Espero que isso ajude na solução! :slight_smile: Bons estudos!

10

Quero agradecer pela ajuda com a atividade nº 10. Agora estou encalacrado na 11

11

Oi amigo
Quero Agradecer pela ajuda nos passos anteriores onde tive dificuldade. Obrigado ! Especialmente o amigo Daniel Rosa.Gostaria de receber ajuda nas atividades de Aprenda HTML criando um App de Fotos de Gatos. Não consigo sair do Passo 42.

1 Like
12

Oi, @HELDISCORDEIROLEMOS! Estamos aqui para ajudar.
Uma sugestão: a @nieldakarla fez um vídeo muito legal para o canal do YouTube do freeCodeCamp em português, onde ela descreve o passo a passo de como montar o app para gatos.
Veja esse vídeo e talvez ele o ajude com a resolução desse desafio específico.
Bons estudos! :smiley: