Build a Cat Photo App - Step 37

HTML-CSS
1

Tell us what’s happening:

It keeps saying that my anchor element needs an href attribute even though their is an href attribute present?

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="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; rv:141.0) Gecko/20100101 Firefox/141.0

Challenge Information:

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

2

HI. The value of your href attribute is not exactly as asked Check yours against the instructions and update it.

3

I changed it to what it is asking, but now it is saying that the link’s text should be " freeCodeCamp.org

4

The href value needs to be letter for letter the same as in the instructions. Compare yours to what is in the instructions and make sure it is the same. Check each character and letter.

Please post your updated code if you are still having problems.

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

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

still having problems.

6

Reset the step as you have deleted the seed code and not wrapped the anchor tags around any text as instructed.

You also need to look up the correct syntax for anchor elements and elements generally, the angular brackets need to all be in place.

The purpose of an anchor tag is to turn text into a clickable link. You can search on the web “how to do an anchor element HTML” and look at W3 schools or a similar tutorial.

The shaded text in the instructions needs to appear exactly in your code with no changes.

If you are still having problems please post your updated code. See my previous post for how to do this.

7

I have formatted your code so I can see it.

The instructions say turn the text freeCodeCamp.org into a link. Have a look at the preview screen and see what words you have turned into a link.

1 Like