HTML- Alguém me ajuda nessa tarefa

Português HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.

<h2>CatPhotoApp</h2>
<main>
  <p>Click here to view more <a href="#">cat photos</a>.</p>

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

  <p>Things cats love:</p>
  <ul>
    <li>cat nip</li>
    <li>laser pointers</li>
    <li>lasagna</li>
  </ul>
  <p>Top 3 things cats hate:</p>
  <ol>
    <li>flea treatment</li>
    <li>thunder</li>
    <li>other cats</li>
  </ol>
  <input type="text" placeholder="cat photo URL">
<form action="https://www.freecatphotoapp.com/submit-cat-photo"
</form>

</main>

preciso de ajuda nessa tarefa
está faltando dois teste
O inputelemento existente deve ser aninhado em um formelemento.
Seu formelemento deve ter tags de abertura e fechamento bem formadas.
Eu não consegui identificar o erro 
alguém pode me  ajudar ?

  **Your code so far**


<h2>CatPhotoApp</h2>
<main>
<p>Click here to view more <a href="#">cat photos</a>.</p>

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

<p>Things cats love:</p>
<ul>
  <li>cat nip</li>
  <li>laser pointers</li>
  <li>lasagna</li>
</ul>
<p>Top 3 things cats hate:</p>
<ol>
  <li>flea treatment</li>
  <li>thunder</li>
  <li>other cats</li>
</ol>
<input type="text" placeholder="cat photo URL">
<form action="https://www.freecatphotoapp.com/submit-cat-photo"
</form>

</main>

  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/94.0.4606.71 Safari/537.36

Challenge: Create a Form Element

Link to the challenge:

2

This is not closed correctly. You’re missing > to close it.

Also, the lesson tasked you with nesting the existing input element with the form element. You have it outside.

3 
<h2>CatPhotoApp</h2>
<main>
  <p>Click here to view more <a href="#">cat photos</a>.</p>

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

  <p>Things cats love:</p>
  <ul>
    <li>cat nip</li>
    <li>laser pointers</li>
    <li>lasagna</li>
  </ul>
  <p>Top 3 things cats hate:</p>
  <ol>
    <li>flea treatment</li>
    <li>thunder</li>
    <li>other cats</li>
  </ol>
  <input type="text" placeholder="cat photo URL">
<form action="https://www.freecatphotoapp.com/submit-cat-photo">
</form>
</main>

Ficou faltando somente: O inputelemento existente deve ser aninhado em um formelemento.
essa parte da tarefa eu não sei  como arrumar.
4

It’s just a matter of nesting the existing input element within the form element.

This is not the first time the term nesting is used in a lesson. You first saw it in this lesson.

Basically it will look something like;

<parentElement class="parent">
  <childElement class="child">
  </childElement>
</parentElement

The childElement is nested in the parentElement.

Hope that helps.

5 
<h2>CatPhotoApp</h2>
<main>
  <p>Click here to view more <a href="#">cat photos</a>.</p>

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

  <p>Things cats love:</p>
  <ul>
    <li>cat nip</li>
    <li>laser pointers</li>
    <li>lasagna</li>
  </ul>
  <p>Top 3 things cats hate:</p>
  <ol>
    <li>flea treatment</li>
    <li>thunder</li>
    <li>other cats</li>
  </ol>
  <input type="text" placeholder="cat photo URL">
<form action ="https://www.freecatphotoapp.com/submit-cat-photo">
</form>
</main>

Ainda continuou na mesma tarefa,  Alguém consegue identificar o que falta?
Ficou faltando: O inputelemento existente deve ser aninhado em um formelemento.
6

Once again, the input element is not nested in the form element.
I gave an example of nesting in my previous response.

The lesson shows this example;

<form action="/url-where-you-want-to-submit-form-data">
  <input>
</form>

you currently have;

<input>
<form action="/url-where-you-want-to-submit-form-data">
</form>

Does that help?

7 
<h2>CatPhotoApp</h2>
<main>
  <p>Click here to view more <a href="#">cat photos</a>.</p>

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

  <p>Things cats love:</p>
  <ul>
    <li>cat nip</li>
    <li>laser pointers</li>
    <li>lasagna</li>
  </ul>
  <p>Top 3 things cats hate:</p>
  <ol>
    <li>flea treatment</li>
    <li>thunder</li>
    <li>other cats</li>
  </ol>
  <input type="text" placeholder="cat photo URL">
<form action="https://www.freecatphotoapp.com/submit-cat-photo">
<input>
</form>
</main>

Eu coloquei assim mas ainda não descobrir o erro
8

Almost. The lesson says nest the existing input element.

The existing one is this one;
<input type="text" placeholder="cat photo URL">
Which you have outside the form.
Put that where you just have <input> now and the test should pass.

To be clear. It should only appear inside the form element. Not in two places.

9

Oi, @jessicasantananutri . Tem que ser o input que já existe na lição. Esse que está logo acima da form. Pega ele e coloca ele dentro da form.

1 Like
10

Muito obrigada, agora sim consegui passar, obrigada mesmo.

1 Like
11

Obrigada amigo, me ajudou demais.

1 Like
12

I’m happy I could help.

1 Like
13

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