Learn HTML by Building a Cat Photo App - Step 63

Tell us what’s happening:
Describe your issue in detail here.
I have looked at step 10 from the video. Looked at countless forums to no avail. Growing very pessimistic with this.

  **Your code so far**
<html>
<body>
  <h1>CatPhotoApp</h1>
  <main>
    <section>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->
      <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</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>cat nip</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>
    <section>
      <h2>Cat Form</h2>
      <form action="https://freecatphotoapp.com/submit-cat-photo">
        <fieldset>
          <legend>Is your cat an indoor or outdoor cat?</legend>
          <label><input id="indoor" type="radio" name="indoor-outdoor" value="indoor" checked> Indoor</label>
          <label><input id="outdoor" type="radio" name="indoor-outdoor" value="outdoor"> Outdoor</label>
        </fieldset>
        <fieldset>
          <legend>What's your cat's personality?</legend>
          <input id="loving" type="checkbox" name="personality" value="loving" checked> <label for="loving">Loving</label>
          <input id="lazy" type="checkbox" name="personality" value="lazy"> <label for="lazy">Lazy</label>
          <input id="energetic" type="checkbox" name="personality" value="energetic"> <label for="energetic">Energetic</label>
        </fieldset>
        <input type="text" name="catphotourl" placeholder="cat photo URL" required>
        <button type="submit">Submit</button>
      </form>
    </section>
  </main>
  <footer>
    <p>
     <a No Copyright href="https://freeCodeCamp.org">No Copyright</a>
    </p>
  </footer>
</body>
</html>
  **Your browser information:**

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.6.1 Safari/605.1.15

Challenge: Learn HTML by Building a Cat Photo App - Step 63

Link to the challenge:

This is the response I get when I submit:
Sorry, your code does not pass. Don’t give up.

Hint

Your anchor (a) element should have an href attribute with the value https://www.freecodecamp.org. You may have omitted the attribute/value, or have a typo.

I’m not sure what video you are talking about.

This is not a valid opening anchor tag. Compare to:


Also, you should only put the anchor element around the freeCodeCamp.org part of the original text:

No Copyright - freeCodeCamp.org
No Copyright - <a href="freeCodeCamp.org"</a>

Is the code I am currently using it didn’t ask for anything else so Im confused as to how I’m still getting this same response: Sorry, your code does not pass. You’re getting there.

Hint

Your anchor (a) element should have an href attribute with the value https://www.freecodecamp.org. You may have omitted the attribute/value, or have a typo.

This is not a correct anchor element either.

The other two you wrote have three parts.

Part 1 - The opening tag:

Part 2 - The anchor text (or img)

Part 3 - The closing tag


In your code above, you have a incorrect opening tag and no anchor text.

In theory I understand what you are saying. In practice, I know there isn’t a target. The attribute is href. How my opening tag is incorrect I’m unsure. <a No Copyright - href="freeCodeCamp.org">No Copyright</a>

Why is No Copyright - floating around inside of your opening tag? It is not an attribute.

Is this the anchor text you were supposed to use?

Make the text freeCodeCamp.org into a link…

Step 63

Make the text freeCodeCamp.org into a link by enclosing it in an anchor (a) element. The href attribute should be set to https://www.freecodecamp.org.

This is where I am: <a href="freeCodeCamp.org">freeCodeCamp.org</a>

Yeah, I read the instructions already

You are close, but you aren’t quite using this url for the href.

Also, make sure you don’t delete the rest of the original p content. The full text should still be there, but only with the last part as a link.

Apologies for so many questions. I’ve tried so many times and nothing is working. I’m here with no text deleted:

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

Now this text is duplicated twice.

See here how it only says ‘cat photos’ once? You should only write the anchor text once, between the anchor tags.

Yeah when I’ve tried that it doesn’t work:

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

somehow on here it takes me to the site but on the exercise it doesn’t work

You deleted the copy that was between the anchor tags. You wanted to keep that one.

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 (').

I don’t think I’m going to get this unfortunately. Thanks for your help

You are almost there.

You had this:

I told to to delete the duplicate anchor text

You wrote this:

And I told you that you deleted the wrong copy of freeCodeCamp.org.

So go back what you had and delete the other one. That should work.

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