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

in step 12 it is sying that i have omitted or typo in my herf value?

<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" ></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/121.0.0.0 Safari/537.36

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 12

2

You appear to have created this post without editing the template. Please edit your post to 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!

3

Hi @canadianpatriot

Here is the error message:

The link’s href value should be https://freecatphotoapp.com . You have either omitted the href value or have a typo.

The opening anchor tag is missing the href attribute and value.
You also need to close the anchor tag with a closing angular bracket.

Make sure there are no spaces between the opening anchor tag and the word cat.
Also no spaces between the closing anchor tag and the word photos.

Happy coding

1 Like
4

thanks but i dont thimk this will help.

5

Read this article for understanding anchor element.
Here’s the Link:

1 Like
6

In the requirements it says:

Step 12 Passed

You can turn any text into a link, such as the text inside of a p element.

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

In the text of your p element, turn the words cat photos into a link by adding opening and closing anchor (a) tags around these words. Then set the href attribute to https://freecatphotoapp.com

Take a look at the example given:

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

Notice how the text freeCodeCamp is surrounded by an anchor starting with the open <a> and closing with </a> after the text. Do the same with the text cat photos, substituting what you shows us here and making sure that the href= is properly declared inside the opening

1 Like
7

You could use what I gave.

No pressure!!
P.S Don’t press the arrow, you might get confused!

8

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