Learn HTML by Building a Cat Photo App - Step 12

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.

I am currently stuck on Step 12 and haven’t been able to figure out where I went wrong? I’m very frustrated and the other forums that I’ve browsed had ‘solutions’ that didn’t help me at all. Can somebody please help me? I don’t want to give up, but i’m at a crossroad 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><a href="https://freecatphotoapp.com">See more cat photos in our gallery</a></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/109.0.0.0 Safari/537.36

Challenge: Learn HTML by Building a Cat Photo App - Step 12

Link to the challenge:

2

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

You turned the words See more cat photos in our gallery into a link.

3

Okay, I think I see what you mean? However, when adding closing and opening anchor tags around the words “cat photos”, isn’t that suppose to create whatever is in the tags into a link? I’m confused. If adding the anchor element before the words “See more cat photos in our gallery” creates a link, why doesn’t it work when I do the same thing when I add it before “cat photos”?

4

What does your code look like if you only put the anchor tags around ‘cat photos’?

6

You can’t stick random text inside of the opening anchor tag. Only attributes go inside of the tag, between the <>

You need to put the ‘See more’ before you put the opening anchor tag.

7

I’ve edited your code for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

9

Oh cool, I wasn’t sure how to retype my code without actually creating onto the forum page. That’s pretty neat!

10

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