Learn HTML by Building a Cat Photo App - Step 64 Make the text freeCodeCamp.org into a link by enclosing it in an anchor (a) element. The href attribute should

HTML-CSS
1

Tell us what’s happening:
I have tried every suggestion from previous forums and nothing is working

Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <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> No Copyright - freeCodeCamp.org <a target="freecodecamp.org" href="https://www.freecodecamp.org"</a> </p>
           
       </footer>
  </body>
</html>

Your browser information:

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

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

Link to the challenge:

2

It is important to begin any exercise by understanding the objectives of that exercise.
For eg in this step, you have a plain text paragraph that looks like this (in the preview pane)

No Copyright - freeCodeCamp.org

What they have asked you to do to this is the following:

No Copyright - freeCodeCamp.org

The blue text indicates that the last word has become a link.

This is very very similar to step 12 of the cat photo app when you were asked to turn some plain text

Click here to view more cat photos.

To a sentence with a link

Click here to view more cat photos.

You must use an anchor tag to nest the word that is being turned into a link.
Please review steps 10/11/12 of the cat photo app if needed to recall how to do this correctly.

3

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

It is nested but now I am getting

Hint

Your anchor (a) element should be nested within the footer element. Make sure to add an opening tag and closing tag for the anchor (a) element.

I went back and looked at steps 11-12 and i still dont understand what you mean.

4

can you try to do steps 10/11/12 again from the cat photo app?
(don’t just read, reset the code and try them again)

I feel if you can pass those again, you will know more about how to deal with this step.

5

Ive redone steps 10-12 as suggested and I still dont understand the connection

Step 12 that was correct

 <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>

Step 64 is still incorrect. I have tried the following format.

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

Is there a particular place I am messing up?

6

this is definitely an improvement because now you have valid code (but before you had syntax mistakes).

now you just need to pay attention to some details that are different in this step than in the old step 12

Mainly the spacing around the dash symbol. It has to be exactly what they want.
And the period you have at the end? (was that there before? if not, it should not be added now)
Finally, did they ask for a target attribute? If they didn’t, then remove it.

7

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.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

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