Learn HTML by Building a Cat Photo App - Step 12

HTML-CSS
1

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

  **Your code so far**

<html>
<body>
  <h1>CatPhotoApp</h1>
  <main>
    <h2>Cat Photos</h2>
    <!-- TODO: Add link to cat photos -->      
   <p> click here to view more cat photos href="https://freecatphotoapp.com"</p>    
   <a href="https://freecatphotoapp.com">cat photos</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/105.0.0.0 Safari/537.36

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

Link to the challenge:

1 Like
2

I am just not getting what to do in Step 12
please help in step 12

1 Like
3

You should have one line of code, consisting p element and inside p element there is anchor (a)

So start with p element with all the text and to make a link you need anchor (a) for your cat photos

Try redo the step

4 Likes
4

thank you sir for your help

5

Have you tried to solve it? I’ll be around here if you need more help.

Try it first and ask anything until you understand it

2 Likes
6

yes sir I am solving it

1 Like
7

Great!

Best of luck on your journey ahead.

2 Likes
8

sir as you’ve said I have put the code but it’s not working

2 Likes
9

can you please show me by writing how to do that. I think that will be more efficient for me

2 Likes
10

You’ll need to remove the img element and it’s content totally, and let the cat photos in the p between the opening and closing tag of a href

1 Like
11

Hi. We are not allowed to show the answer to the solution. However we are happy to help you if you provide us the code to your latest attempt?

2 Likes
12

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

  **Your code so far**

<html>
<body>
  <h1>CatPhotoApp</h1>
  <main>
    <h2>Cat Photos</h2>
    <!-- TODO: Add link to cat photos -->      
<p> click here to view more cat photos<a>href="https://freecatphotoapp.com"</a></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/105.0.0.0 Safari/537.36

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

Link to the challenge:

13

Hello there.

Please Tell us what’s happening in your own words.

Learning to describe problems is hard, but it is an important part of learning how to code.

Also, the more information you give us, the more likely we are to be able to help.

1 Like
14

sir I am not understanding how to write the code step 12. If you can show me by writing how to write that then that will be more beneficial.

1 Like
15

No. It is against the forum rules to write the answers for other users.

1 Like
16

what to do in step 12

1 Like
17

where i am wrong please tell me

18

Hi @Ayushsingh07.

You need to add the href attribute to the anchor element.

<a>href="https://freecatphotoapp.com"</a>

What you are doing here is simply displaying the code to the browser, not making it as the attribute of the anchor element

Add the href attribute to the a (anchor) element just like how you add the src attribute to the <img> element.

Like this:

    <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back.">

As you can see, you added the src attribute and the alt attribute successfully. Follow that syntax to add the href attribute to the <a> tag. I believe you understand what I mean <3

Hope that helps.

3 Likes
19

This is not a valid anchor element. Look back at the anchor element you completed on Step 11.

20

Was about to reply, but thanks for the help cleaning up my mess :sweat_smile:

2 Likes