Learn HTML by Building a Cat Photo App - Step 12

HTML-CSS
1

Tell us what’s happening:
My href attribute seems right. What am I doing wrong? What am I missing?

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: Learn HTML by Building a Cat Photo App - Step 12

Link to the challenge:

2

Welcome to the community!

Please look at the opening anchor tag in the above quote from your previous code?

Now, please look at the opening anchor in the current Step 12 code?

What is missing in the current code opening anchor?

I hope this helps you!

You are making good progress! :slight_smile:

3

Thank you for the reply. I found out the problem with setting the link around the words but I am still getting this code error message:
The link’s

href

value should be

https://freecatphotoapp.com

. You have either omitted the

href

value or have a typo.

What am I not seeing here?

4

You’ll need to paste your update HTML in here using the following method so we can see what you did.

To display your code in here you need to wrap it in triple back ticks. On a line by itself type three back ticks. Then on the first line below the three back ticks paste in your code. Then below your code on a new line type three more back ticks. The back tick on my keyboard is in the upper left just above the Tab key and below the Esc key. You may also be able to use Ctrl+e to automatically give you the triple back ticks while you are typing in the this editor and the cursor is on a line by itself. Alternatively, with the cursor on a line by itself, you can use the </> button above the editor to add the triple back ticks.

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

<!-- User Editable Region -->

      <p>See more <a href=>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>

I’m guessing its line 8 where I am getting the error. Thank you for the help

6

The href attribute needs a value. That is usually the URL that the link points to.

See the link you created below the p element for an example.

8

well done buddy but do some change which is Remove all spaces first

and the syantax is > <a href="link">Text</a>
put it like this hope you understand :blush:

9

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