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><a href='https://freecatphotoapp.com'.</a> cat photos.</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 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/101.0.0.0 Safari/537.36

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

Link to the challenge:

2

Hello there.

Do you have a question?

If so, please edit your post to include it in the Tell us what’s happening section.

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.

3

Yes, i am having problem with step 12

4

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

. I did not know how to go about step12, say; your code should only contain one anchor (a) element. Remove any

  **Your code so far**

<html>
<body>
  <h1>CatPhotoApp</h1>
  <main>
    <h2>Cat Photos</h2>
    <!-- TODO: Add link to cat photos -->
    <p><href="https://freecatphotoapp.com".</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 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/101.0.0.0 Safari/537.36

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

Link to the challenge:

5

Hello there.

Do you have a question?

If so, please edit your post to include it in the Tell us what’s happening section.

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.

6

This is not a valid anchor element. I would reset the code. You should write an anchor element that looks exactly like the one you completed on the last step.

7

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

I wrote;

<a href=“https://freecatphotoapp.com”.

but it say; Your code should only contain one anchor (a) element. Remove any extra anchor elements

  **Your code so far**

<html>
<body>
  <h1>CatPhotoApp</h1>
  <main>
    <h2>Cat Photos</h2>
    <!-- TODO: Add link to cat photos -->
    <p><a href="https://freecatphotoapp.com".</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 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/101.0.0.0 Safari/537.36

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

Link to the challenge:

8

I wrote. this; <p><a href=“https://freecatphotoapp.com”.</p> but it say; Your code should only contain one anchor (a) element. Remove any extra anchor elements

9

I wrote:

Did you try that?

10

Hey!

The problem seems to be that you haven’t properly closed the anchor tag. The anchor or the a element is a paired tag, meaning there needs to be an opening as well as closing tag present for it to work properly. for example:

// the button tag is also a paired tag

//opening tag    content   closing tag
      |            |           |  
   <button>   My button    </button>

Hope this helps! :smile:

11

Please stop putting your question into the title. That makes it harder to read. Put the question here:

12

Alright let me give it try again

13

I wrote this; <a>href="https://freecatphotoapp.com" </a> but it say; Your anchor (a ) element should be nested within the p element

14

  1. That is still not a valid anchor element. Look at the anchor element you finished on Step 11

  2. You deleted the p element. You Must not delete the p element.

15

To post your code here on the forums, you need to select your code and click on this button or else it won’t show up.

Learn-HTML-by-Building-a-Cat-Photo-App-Step-12-HTML-CSS-The-freeCodeCamp-Forum

1 Like
16

I changed it to; pa href="https://freecatphotoapp.com"/a``/p but it say; Your code should only contain one anchor (a` ) element. Remove any extra anchor elements.

17

You only have to select your code and then click the button, do not use it for normal text because it gets harder to read it that way.

18

I changed it to; :face_with_monocle:href=“https://freecatphotoapp.com”`[quote=“Abdullateefkayode, post:1, topic:542270, full:true”]
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><a href='https://freecatphotoapp.com'.</a> cat photos.</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 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/101.0.0.0 Safari/537.36

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

Link to the challenge:

[/quote]

but it say; Your code should only contain one anchor ( a` ) element. Remove any extra anchor element

19

This still does not look like the anchor element you completed on Step 11.

20

What is the target attribute?