Learn HTML by Building a Cat Photo App - Step 12

HTML-CSS
1

I can seem to set the href attribute to https://freecatphotoapp.com

freecatphotoapp

2

Hello and welcome to the community :smiley:!
To post your code as well as a link to the step simply click on the help button which appears next to the reset button after unsuccessfully submitting your code a few times:

Screenshot 2023-08-22 171059
Screenshot 2023-08-22 171059941Ă—490 19.6 KB

1 Like
3

Since you’ve already created this thread, you can paste your code in here using the triple back tick method. 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.

You’ll need to do this to show us your HTML so we can see what you did. Make sure to paste all of your HTML in here.

1 Like
4

Welcome to FCC Forum and community!

Here is a great article that explains and provides examples on how to turn text and images into links.

Turn Image and Text Into Links FCC News Article

You are making good progress! :slight_smile:

1 Like
5

Thank you. I have created a new topic. Hopefully you can see my error

6

Thank you! I have created a new topic. Hopefully you can see my error

7

Thank you! I have tried your method but I have created a new topic. Hoepfully you can see my error this time :crossed_fingers:t6:

8

I cannot seem to set the attribute (I don’t really know what that means lol) but hopefully someone can help me. And hopefully you all can see me error.

It is saying the following: The link's `href` value should be `https://freecatphotoapp.com` . You have either omitted the `href` value or have a typo.

<a href="https://freecatphotoapp.com">link to cat pictures</a>

<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 Edg/116.0.1938.81

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

Link to the challenge:

9

You did it right but need to put href attribute and URL too…

10

What do you mean by this please?

11

i wanna say that href=“” that you missed this part

As you used href attribute in the second one u need to use it in first one but with give url in the instructions… :blush:

12

<p>See more <a href="cat photos"</a> in our gallery.</p>

Like this ^^^

13

Very gud you are very close now…

put the link which given in the instructions… :blush:

14

I think I did this, but I still haven’t passed :frowning_face:

15

show your current code

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 (').

16

See dude you need to wrap cat photos in link

so do it with <a href="link "></a> simple…

17

<p>See more <a href="cat photos"</a> in our gallery.</p>

this is what I did, but no luck. What am I doing wrong?

18

Here you are doing mistake…
plz don’t write cat photos here but write link like > href="https://google.com"></a> like this....

19

It would help if you take another look at the example the challenge gives you

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

See how they have the link in the href, and then surround the words freecodecamp with the anchor tags. Your code is going to look very similar to this

1 Like
20

Thank you so much! I finally got it :partying_face: