Learn HTML by Building a Cat Photo App - Step 12

Tell us what’s happening:

I swear im doing everything good and it just keeps going with same error on the preview it does exactly whats its meant to See more cat photos in our gallery. cat photos(link)

Your code so far

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

<!-- User Editable Region -->

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

<!-- User Editable Region -->

      <a href="https://freecatphotoapp.com">link to cat pictures</a>
      <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/124.0.0.0 Safari/537.36

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 12

instead of making a link -next to- the text “See more cat photos in our gallery.” try making the existing cat photos text given to you at the beginning of this step into a link.

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

i did this and it still didn’t work i am misinterpretating this

yes I think you are misinterpreting it.

Right now, your code is adding a link around some text cat photos to the -left of- the original paragraph text “See more cat photos in our gallery.”
What they want instead is to make the words cat photos that is inside the paragraph already at the start of this step into a link -without- adding the text cat photos -again-. (as it is already given to you at the start of this step)

im sorry but im quite new to java i know python but not javascript so could u give like an example if u could

you’re not doing anything wrong in terms of your coding syntax, you’re just missing the objective of this step.

if you reset the step you will see this code is given in the editor area:
<p>See more cat photos in our gallery.</p>

The goal is to make the existing text within this paragraph into a link, not to add new text that is a link. Does that make sense?

They gave you an example in the instructions when they said:

You can turn any text into a link, such as the text inside of a p element.

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

In their example, they started out with:
<p>I think freeCodeCamp is great.</p>
and they turned the word freeCodeCamp into a link (without rewriting it).

You will need to do the same with the words cat photos

Note - this is neither Java nor JavaScript here

1 Like

i know but as a whole im learning java script as i know u have to learn html and something else and javascript but this i know is html but i call it javascript as thats what im aiming for as a whole, and i didn’t know i said java

Ah. I’d stick to calling HTML what it is - HTML. You’ve got a bunch of lessons before you see any JavaScript

i have already learned alittle but then i realised is not the best start with