Learn HTML by Building a Cat Photo App - Step 12

Tell us what’s happening:
Describe your issue in detail here.

Your code so far
We’ll I’m on step 12 of the beginners section with the cat photo I’ve tried following what the question tells me and nothing seems to be working for me I am pulling my hair out trying to work this out

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->
      <p>Click here to view more cat photos.</p>
      <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 (iPad; CPU OS 15_5 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.5 Mobile/15E148 Safari/604.1

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

Link to the challenge:

this is the paragraph element that the exercise wants you to modify.

Look at your preview pane and you will see the plain text of these words shows up

Click here to view more cat photos.

And you are being asked to change that plain text so that the last 2 words become clickable.

Click here to view more cat photos.

(notice the color change indicates the words are clickable now)

So do that by adding an anchor tag to the left and right of the words (opening tag on the left of cat and closing tag on the right of photos. Be careful to exclude the period from the link)

Thanks I’ll try that hopefully it’ll work

1 Like

I tried it still doesn’t want to do it for me

Please post your latest code

<a cat photos></a>
This is the one I’ve been using
Also tried
<a href= cat photos></a>.

Wait did send ok err right thought it would send

Neither of those look like the last anchor element you wrote:

1 Like

I’ve edited your code for readability. 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.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

an anchor element is made up of 3 parts.
<a href="www.google.com">Click Me!</a>

1st part is the opening tag.
<a href="www.google.com">

The opening tag contains an href attribute.
And the href attribute is given a value which is the website address of the link we are creating.

2nd part is the link text
Click Me!
The link text goes in the middle of the tags. It is what the user will see and can click on.

3rd part is the closing tag
</a>
It goes after the text of the element.

make sure your anchor element has all 3 parts.