Learn HTML by Building a Cat Photo App - Step 12

The link’s href value should be https://freecatphotoapp.com . You have either omitted the href value or have a typo. I’m not sure how to fix it. I’m on step 12 .

Your code so far

      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->

<!-- User Editable Region -->

      <p>See more <a href="cat phots</a> in our gallery.</p>
      <p> <a href="https://freecatphotoapp.com">link to cat pictures</a> </p>

<!-- User Editable Region -->

      <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back.">

Your browser information:

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

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

Link to the challenge:

What href value did you give the link? This is your code:

So what is href set to here? What should it be instead?

Also, remember that a tag always starts with a < and ends with a >. Your opening a tag needs both but only has one. And if you start the value with a quotation mark then you need to end it with a quotation mark.

Finally, you turn something into a link by wrapping it in an anchor element. In other words, you put an opening a tag before it and a closing a tag after it. Look at the example in the instructions again. Notice how the word “freeCodeCamp” is wrapped in opening and closing a tags. This is exactly what you want to do for the words “cat photos” in the middle of the p element.

You might want to reset the step to get the original HTML back and then just add one opening a tag and one closing a tag so that they surround the words “cat photos” to turn it into a link.

And of course, you also need to add the correct value to the href attribute on the opening a tag.

Welcome to the community!

Good attempt!

This step challenges many people, including me when I first tried it, because we are turning the cat photos in the middle of the sentence into a link.

You appear to have that correct. It is a matter of using the correct href value in the anchor, along with correcting a couple of little typing errors. The closing bracket for the opening anchor is missing, and the photos is missing a letter.

If you look at the anchor below the one we are working it, it shows the correct way to set the anchor with its href and value.

As suggested, it may be a good idea to reset the step to erase any possible remainder from this code.
Do not change anything when the refreshed code is presented.
Place the anchor as you have it, and use the code below for verification that it looks the same as that opening anchor and the same as the closing anchor.
Make sure the anchor href and value are the ones required.

Keep up your good progress!

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