Learn HTML by Building a Cat Photo App - Step 12

See more cat photos in our gallery.<a href='https://freecatphotoapp.com'cat photos

cat photos what mistake am i making. could you please help me
<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->

<!-- User Editable Region -->

      <p>See more cat photos in our gallery.<a href='https://freecatphotoapp.com'</a>cat photos</p>
      <a href="https://freecatphotoapp.com">cat photos</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/537.36 (KHTML, like Gecko) Chrome/97.0.4692.71 Safari/537.36

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 12

Welcome to the community :smiley:

Remember most tags have an opening and closing tag.

<a> words </a>

You seem to have an oddly placed closing tag inside of your opening tag
<a href='https://freecatphotoapp.com'</a>
to add content to a tag, place it between the opening and closing tags

<a href=""> This is where content goes, this will be a link </a>

1 Like

could you please break it down in the most understandable form please. Thank you

Sure, but you might find it easier moving forward, to put new tags into a search engine to find out what they do.
Its also a great way to find reference websites you can use when you forget something.

With the step your on, it wants you to turn a few words into a link.

for example:
(this is an example, not the answer)

If I have this code:
<p>this is an example</p>

and I want to turn the word ‘example’ into a link, first I need to surround the word with opening and closing anchor tags.
<p>this is an <a>example</a></p>

This will make the link clickable, and change colour, but will not do anything else.

So we also have to tell the bowser, where to go, using an attribute.
<p>this is an <a href="">example</a></p>

whatever you put in the href, is where the browser will send the user.
<p>this is an <a href="exampleSite.com">example</a></p>

1 Like

Tell us what’s happening:

please help what mistake I have done in this nuber 12

Your code so far

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

<!-- User Editable Region -->

      <p><a href="https://freecatphotoapp.com">cat photos</a></p>
      <a href="https://freecatphotoapp.com">cat photos</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/537.36 (KHTML, like Gecko) Chrome/97.0.4692.71 Safari/537.36

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 12

  • “p” tag is missing its other “initially given” text
  • remove extra “cat photos” anchor tag

i’d say to restart this step and try again, happy coding :slight_smile:

1 Like

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