Learn HTML by Building a Cat Photo App - Step 12

HTML-CSS
1

I don’t know what I did wrong. the text ‘cat photos’ shows up as a link to freecatphotoapp.com

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 <a href="https://freecatphotoapp.com">cat photos</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/605.1.15 (KHTML, like Gecko) Version/16.6 Safari/605.1.15

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 12

2

hey there, seems like you’re missing a closing anchor tag like this </ a >

3

If you are turning a text into a link, all you have to do is nest this text into an anchor element. Watch out for the closing tag!

5

I tried adding the but it still says I got it wrong :confused:

6

You deleted the other part of the sentence. Where are the words “in our gallery”?

7

I added it and its still incorrect :sob:

8

you need to show your new code. We cant see your computer screen, just makes it easier for everyone if you share your code every time you try something

1 Like
9

do I just copy and paste in my reply or is there another way to do it?

10

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.

I can also edit the post to make the code show if you are not able to get it

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

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

13 
<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->
 <p> See more <a href="https://freecatphotoapp.com">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>
</html>
14

You need to remove the space before the word “See”
You need to make sure there is only one space between cat and photos
You need a period after gallery
You need to remove the space before your closing p element tag

2 Likes
15

Still there is missing something?

See more cat photos in our gallery.

16

If you have a question about a specific challenge as it relates to your written code for that challenge and need some help, click the Ask for Help button located on the challenge (it looks like a question mark). This button only appears if you have tried to submit an answer at least three times.

The Ask for Help button will create a new topic with all code you have written and include a link to the challenge also. You will still be able to ask any questions in the post before submitting it to the forum.

Thank you.