Step 63 - link's text should be `freeCodeCamp.org

HTML-CSS
1

Tell us what’s happening:
Please help. I cant find the answer

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 .

##Hint
The link’s text should be freeCodeCamp.org. You have either omitted the text or have a typo.

  **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>
     No Copyright - freeCodeCamp.org <a href="https://www.freecodecamp.org"></a>
    </p>
  </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/102.0.0.0 Safari/537.36

Challenge: Step 63

Link to the challenge:

1 Like
2

You want to wrap the anchor tags around the text. You have the opening tag after the text.

3

Im sorry. i still dont get it :frowning: and im stuck

Given Task:

image
image1135×463 26.6 KB

My answer:

image
image1094×648 47.1 KB

1 Like
4

Look up above at the HTML where you added the “cat photos” link. Do you see how the text is in between the opening and closing anchor tags? That’s what you want to do for the freeCodeCamp.org text.

5

I tried but. .

Answer:

image
image1115×650 49.7 KB

answer:
image
image1105×708 58.4 KB

I didnt put < p > < / p >, it is already placed in 54&56

1 Like
6

In the first image you posted you duplicating the entire sentence and then you linked text that shouldn’t be in the link. In the second image you have duplicate freeCodeCamp.org text.

Please don’t post images of code. It is too hard to read. 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.

7

Thank you for the tip.
all of these doesnt work

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

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

I got it.! Thank you

No Copyright - <a href="https://www.freecodecamp.org"> freeCodecamp.org </a>
2 Likes
9

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