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>
    <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>"in our gallery<a/>
  <a href="<a>https://freecatphotoapp.com".</a>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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/116.0.0.0 Safari/537.36

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 12

2

Welcome freecodecamp forum @daryl444 !

Good attempt. But, the closing quotations marks for the opening anchor should be inside the tag >.

Where did the text cat photos disappear?

Here is the example from Step 12 which provides us with good guidance and a great example of how to anchor the text while it remains within the p element statement.

p>I think <a href="https://www.freecodecamp.org">freeCodeCamp</a> is great.</p>

I hope this helps you!

3

Thank you, I put the closing quotations inside the tag and it still doesn’t pass any ideas?

1 Like
4

Okay. Actually, there was more than that to fix the problem.

I suggest resetting the step and only added the anchor around the two words cat photos while they remain within the p element statement.

Resetting the step will not touch any previously completed steps.
It will allow fresh code and the provided code for the beginning of Step 12.

Please look closely at the example and how freeCodeCamp is touched by the anchor on both sides while remaining within the p element statement?

p>I think <a href="https://www.freecodecamp.org">freeCodeCamp</a> is great.</p>

This is how the cat photos should appear within the existing p element provided at the beginning of step 12.

6

sorry for so much questions but do I add in the “I think” and “is great”?
also it says the href value should exactly the way I have it.

9

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 <a cat photos </a> in our gallery.</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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/116.0.0.0 Safari/537.36

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 12

11

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 you say, the more we can help!

1 Like
13

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.