Build a Cat Photo App - Step 14

HTML-CSS
1

Tell us what’s happening:

I write a link in anchor and cute cats in a anchor but this is wrong

Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->

<!-- User Editable Region -->

      <a"https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg"> cute cats </a>

<!-- User Editable Region -->

      <p>See more <a href="https://freecatphotoapp.com">cat photos</a> in our gallery.</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/137.0.0.0 Safari/537.36

Challenge Information:

Build a Cat Photo App - Step 14

2

You should have a p element with the text Everyone loves cute cats online!.
You have removed the p element and all text but for cute cats.

Hit the Reset button to restore the starting code for this step.

Then, add anchor tags around the text cute cats, without modifying any of the other code. Note that the anchor tags should wrap tightly around the text, with no additional spaces inside the anchor element.

Note also that you should have an href attribute with a url as its value, inside your opening anchor tag, not just the url alone.

3

<a href="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg"> cute cats</a>
can you please tell what is wrong in this code I remove

from text but still my cide is wrong that I don’t remove p element from text

4

You should not remove the p element.
Here’s an example of how to turn a portion of text inside a p element into a link:

<!-- text without link -->
<p>Please visit my website for awesome content</p>

<!-- 'my website' turned into a link -->
<p>Please visit <a href="example.com">my website</a> for awesome content</p>
5

I remove If I didn’t remove why I am not able to see p element in my code what is the procedure of erasing p is thee any complicated procedure as far as I know simple process is backspace key to erase p element

6

use the reset button, it will get back the starting code