Learn HTML by Building a Cat Photo App - Step 12

Tell us what’s happening:

Describe your issue in detail here.
I am trying to figure out how to link just the cat photos text, but can’t figure out where to put the a tags to do so

Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->

<!-- User Editable Region --> it asks to put a tags around "cat photos", then afterward set the href attribute, but i can't figure out if i should try to put a tags around that as well

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

<!-- 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.">
    </main>
  </body>
</html>

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 12

You appear to have created this post without editing the template. Please edit your post to Tell us what’s happening in your own words.
Learning to describe problems is hard, but it is an important part of learning how to code.
Also, the more you say, the more we can help!

1 Like

Take another look at the example. Your code is going to be similar to this. Note the href comes immediately after the <a

<p>I think <a href="https://www.freecodecamp.org">freeCodeCamp</a> is great.</p>

Thank you! The examples are helpful, but because there was “see more” before the cat photos text that came after the

, I didn’t know how I could “go around” that, if that makes sense?

I have been trying to add a tags such as: <p>See more <a>cat photos</a> <href="..."> because it asked only to link the cat photos text, and not the see more

Right, just remember that href should always come right after your opening anchor tag <a if you try adding it after the closing anchor tag </a> its not going to work.

Okay! So the <a href=" …" would come after the “see more”? And then following that, would I surround “cat photos” with the and ?

Sorry some of the text is automatically converting the code (I’m definitely describing that wrong" but I was trying to say <a>cat photos</a>. I tried that and it did not work

Here is the example again

<p>I think <a href="https://www.freecodecamp.org">freeCodeCamp</a> is great.</p>

Its the same sentence in a way, but instead of see more it says “I think” notice the anchor tag starts before “freeCodeCamp” and end right after. That “freeCodeCamp”is now the link because the anchor tag is surrounding it.

Its the same way you want to do it. This example is pretty much your answer, but it just has different words. You still set it up the same way.

This wont work because theres no href after the opening tag

2 Likes

That was so helpful I finally got it! Thank you so much. For some reason the full line of the example wasn’t showing on the step for me.

2 Likes