Learn HTML by Building a Cat Photo App - Step 64

Tell us what’s happening:
Describe your issue in detail here.
i am not sure exactly what im missing ive tried using and not using quotation marks i double checked spelling so im not 100% sure what it could be
Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <section>
        <h2>Cat Photos</h2>
        <!-- TODO: Add link to cat photos -->
        <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>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>

<!-- User Editable Region -->

      <p> <a href=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/116.0.0.0 Safari/537.36

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

Link to the challenge:

Reset the step. In the existing sentence between the ‘p’ tags, surround only the text http://freeCodeCamp.org with anchor tags.

<p>Text <a href="url">text</a></p>

This is guidance.

text? would the url be where both text places are or is it literally just text?

i tried to do what i understood from what you said and it still says its wrong so i am not sure i understood what you meant

The following is what you get in this challenge by default:

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

Your task is to surround the existing text freeCodeCamp.org above with the anchor tags:

...<a href="URL">the existing text</a>...

The URL is https://www.freecodecamp.org

im not sure its still confusing to me im going to take the rest of the day incase im just overwhelming myself and missing somthing here but honestly if it remains this difficult for me i dont think it would be a good idea to continue i am having fun but i seem to run into these issues almost every challenge at this point

Take a break. Don’t hurry. It takes time to first understand things and then to use them properly in your own code. It is a process, not a race…

One thing you can do is look at similar examples that you have already done. For example, you turned the words “cat photo” into a link in previous steps. Do you remember doing that? This is what you did:

<p>See more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a> in our gallery.</p>

Do you see how you just wanted to turn the words “cat photos” in that sentence into a link so you put the opening a tag right in front of those words and the closing a tag just after those words? That’s how you turn something into a link.

So if you want to turn only freeCodeCamp.org into a link then you would do the same thing.

i have taken everyone’s advice but it give me the same error i have spent a few hours now trying like i have said in my first message i am starting to think coding isnt for me i have way to many struggles in understanding the basics i thank everyone for there help and aplogize for wasting everones time

If you are still having issues then you’ll want to post your most recent HTML in here so we can see what you did and give you the appropriate help.

To display your code in here you need to wrap it in triple back ticks. On a line by itself type three back ticks. Then on the first line below the three back ticks paste in your code. Then below your code on a new line type three more back ticks. The back tick on my keyboard is in the upper left just above the Tab key and below the Esc key. You may also be able to use Ctrl+e to automatically give you the triple back ticks while you are typing in the this editor and the cursor is on a line by itself. Alternatively, with the cursor on a line by itself, you can use the </> button above the editor to add the triple back ticks.

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