Build a Cat Photo App - Step 37

Tell us what’s happening:

this error keeps coming up i cannot figure it out " The link’s text should be freeCodeCamp.org. You have either omitted the text or have a typo."

Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <section>
        <h2>Cat Photos</h2>
        <p>Everyone loves <a href="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg">cute cats</a> online!</p>
        <p>See more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a> in our gallery.</p>
        <a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
      </section>
      <section>
        <h2>Cat Lists</h2>
        <h3>Things cats love:</h3>
        <ul>
          <li>catnip</li>
          <li>laser pointers</li>
          <li>lasagna</li>
        </ul>
        <figure>
          <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate.">
          <figcaption>Cats <em>love</em> lasagna.</figcaption>  
        </figure>
        <h3>Top 3 things cats hate:</h3>
        <ol>
          <li>flea treatment</li>
          <li>thunder</li>
          <li>other cats</li>
        </ol>
        <figure>
          <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
          <figcaption>Cats <strong>hate</strong> other cats.</figcaption>  
        </figure>
      </section>
    </main>
    <footer>

<!-- User Editable Region -->

      <p><a href="https://www.freecodecamp.org">No Copyright - freeCodeCamp.org</a></p>

<!-- User Editable Region -->

    </footer>
  </body>
</html>

Your browser information:

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

Challenge Information:

Build a Cat Photo App - Step 37
https://www.freecodecamp.org/learn/full-stack-developer/workshop-cat-photo-app/step-37

this is your link text, it’s not the same as freeCodeCamp.org, you have more stuff in there.

when i remove the no copyright it says i should add it

// running tests 5. After nesting the anchor (

a

) element, the only

p

element content visible in the browser should be

No Copyright - freeCodeCamp.org

. Double check the text, spacing, or punctuation of both the

p

and nested anchor element. // tests completed

it should still be inside the p element, but not inside the a element

Your anchor (

a

) element should have a closing tag. Closing tags have a

/

just after the

<

character. 4. The link’s text should be

freeCodeCamp.org

. You have either omitted the text or have a typo. 5. After nesting the anchor (

a

) element, the only

p

element content visible in the browser should be

No Copyright - freeCodeCamp.org

. Double check the text, spacing, or punctuation of both the

p

and nested anchor element.

what is your code? I can see the tests on the page by myself, but I can’t see the code you have written

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

I’ve edited your code for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

reset the step, you have lost the rest of the p element content, then try again to wrap only what is asked in an a element

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

please reset the step so you recover the whole text, you are missing the rest of the text

      <p>No Copyright - freeCodeCamp.org</p>

im new to coding please be patient with me

No worries. As you can see you have No Copyright - freeCodeCamp.org inside the p element. Now try to add your anchor tags around freeCodeCamp.org only. Don’t delete or add anything else.
Good luck!

Tell us what’s happening:

I cannot understand what is ment by putting the href value in the (a) element while i have put the link in within the element

Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <section>
        <h2>Cat Photos</h2>
        <p>Everyone loves <a href="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg">cute cats</a> online!</p>
        <p>See more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a> in our gallery.</p>
        <a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
      </section>
      <section>
        <h2>Cat Lists</h2>
        <h3>Things cats love:</h3>
        <ul>
          <li>catnip</li>
          <li>laser pointers</li>
          <li>lasagna</li>
        </ul>
        <figure>
          <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate.">
          <figcaption>Cats <em>love</em> lasagna.</figcaption>  
        </figure>
        <h3>Top 3 things cats hate:</h3>
        <ol>
          <li>flea treatment</li>
          <li>thunder</li>
          <li>other cats</li>
        </ol>
        <figure>
          <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
          <figcaption>Cats <strong>hate</strong> other cats.</figcaption>  
        </figure>
      </section>
    </main>
    <footer>

<!-- User Editable Region -->

      <p>No Copyright - <a href "https://www.freecodecamp.org">freeCodeCamp.org</a></p>

<!-- User Editable Region -->

    </footer>
  </body>
</html>

Your browser information:

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

Challenge Information:

Build a Cat Photo App - Step 37
https://www.freecodecamp.org/learn/full-stack-developer/workshop-cat-photo-app/step-37

Attributes should have the syntax attribute="value".
Your attribute is missing something:

Hey Buddy Here You need to use equal to sign after the href to assign it’s link address.

Hope You Understand.

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