Learn HTML by Building a Cat Photo App - Step 14

HTML-CSS
1

Tell us what’s happening:

I’m struggling with Step 14, I have tried every step I’ve tried wrapping the phrase cute cats inside the anchor element and I hope the anchor element is indeed <a href followed by the link with quotation marks and closes like this

Your code so far

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

<!-- User Editable Region -->

      <p>Everyone loves <a href="cute cats"</a>https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg. online!</p>

<!-- User Editable Region -->

      <p>See more <a href="https://freecatphotoapp.com">cat photos</a> in our gallery.</p>
      <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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/131.0.0.0 Safari/537.36 Edg/131.0.0.0

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 14

2

you need to do something similar to this
the text will need to be between the tags of the a element

3

Something similar to my code? Just making sure that’s what you meant.

Which text needs to be between the (a) element is it the whole “Everyone loves cute cats online!” text or just “cute cats” and do I keep the (p) element there as well while doing so?

4

You need to do something similar to the line of code I quotes

You need to have cute cats inside the a element. Also yes keep the p element, do not delete anything in this step

5

It’s just that you did it right here: <a href="https://freecatphotoapp.com">cat photos</a>
just follow the same model.

6

This is the problem, here. The href attribute should point to the URL provided in the exercise (i.e. https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg), and should also be closed.

<a href="URL">your text here</a>.

And, yes, you can do this within the <p></p> tags, as @ILM pointed out, you have a perfect example already in your question. :slight_smile:

7

I apologize for the duplicate topic I did add the URL within the (a) element and then added the text cute cat after and closed it, but it still didn’t work it says the text of the p element should still be Everyone loves cute cats online I really hope I get this its overwhelming me

8

Please post your updated code

9

Screenshot 2024-12-24 003901
Screenshot 2024-12-24 0039011047×702 42.9 KB

This is it I appreciate your response.

10

Please post your actual code instead of a picture

11

Welcome to the forum @libongow

Try adding a single space before the anchor opening tag.
Add a single space after the anchor closing tag.

I think you also need to include an exclamation mark.

Happy coding

12

Thank you it finally worked

1 Like