Cat photo 12 turn catphotos into link

HTML-CSS
1

Step 12

In the previous step you turned the words link to cat pictures into a link by placing them between opening and closing anchor (a) tags. You can do the same to words inside of an element, such as a p element.

In the text of your p element, turn the words cat photos into a link to https://freecatphotoapp.com by adding opening and closing anchor (a) tags around these words.

heres the code

  <p>Click here to view more
    <a href="https:freecatphotoapp.com"> cat photos.</a></p>

i cant figure out what i need to do

2

— 

      <p>Click here to view more cat photos
        <a href="https:freecatphotoapp.com"> cat photos.</a></p>

this is the original

3

oh it didnt paste properly

4 
<!-- TODO: Add link to cat photos -->
      <p>Click here to view more
        <a href="https:freecatphotoapp.com"> cat photos.</a></p>
5

Its best to use the Ask for Help button so we get a link to the Step and your code properly formatted.

This isn’t the original text from the p element. Don’t change the text in the p element. Only add the opening and closing anchor tags around the text cat photos.

6

I did click the ask for help button.
It sent me to create a username which I did and it didn’t work.
Not sure what I’m doing wrong here.

Because I read if you click the for help button your code should be listed

Unfortunately, that didn’t happen with mine.

7

So am I supposed to use the <a tag around cat photos>

I got confused because it lists or twice

8

But what is the opening and closing tag.

I still don’t get it.

12

Here is where the terms “opening tag” and “closing tag” were introduced:

This is opening and closing anchor tags around the text cat photos.

13 
  <p>Click here to view more cat photos
    <a href="https:freecatphotoapp.com"> cat photos.</a></p>

this should be the original

14

No, that is not the original text that was in the p element. That is part of the solution to a very old version of this Step.

Instead of copying somebody else’s old answers, I’d start by resetting the code for this Step. You can reset the code by clicking on the Reset This Step button below the Check Your Code button (and any output).

15

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

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 <a in our gallery.</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>

<!-- User Editable Region -->

</html>

Your browser information:

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

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

Link to the challenge:

I am confused as to what a ref i am supposed to be using and where.

16

This is a malformed anchor element.

This is a correct opening anchor tag.

This is a correct closing anchor tag.

17

Hey, dont know if you are still doing this or you already figured it out but if you didnt, you should try to keep the same exact format as the example code they give you.
For example, keep this format :

I think (put the a tag here plus the texts cat photo here as well)in our gallery