Cat Photo App 14

HTML-CSS
1

I can not figure out what I am NOT doing to get the image to become the link…

<p>Click here to view more <a target="_blank"

href=“ freecatphotoapp .com">cat photos

<img src="freecodecamp .org/curriculum/

cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat

lying on its back."> /a></p>

</main>

</body>

Step 14

Turn the image into a link by surrounding it with necessary element tags. Use https://freecatphotoapp.com as the anchor’s href attribute value.

Check Your Code (Ctrl + Enter)

:heavy_multiplication_x: Sorry, your code does not pass. Try again.

Hint

Your anchor ( a ) element should have an opening tag. Opening tags have this syntax: <elementName> .

2

I’ve edited your post 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 (’).

1 Like
3

Thank you Jeremy… Newbie here sorry :face_with_peeking_eye:

4

HI @cglove87 !

Welcome to the forum!

It looks like you have a few errors so it might best to reset the lesson.
The directions want you to wrap the anchor tags around the image tag.
Add one opening tag before the img element and one closing anchor tag after the img element.

You don’t need to mess with these elements at all.

Hope that helps!

1 Like
5

Thanks J,

We will see!

6

Hey J,

I am still not clear on what to do…
Add link element?

I am clear on what an anchor is and that it should be opened and closed. I am not clear on what it should say or where it should be placed…3hrs later I’m sure my understanding is lost :crazy_face:

7

When you reset the code, this the img tag you should see on line 8

      <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back.">

You learned about the anchor tag in this lesson.

The opening tag would be this portion here:

<a target="_blank" href="https://freecatphotoapp.com">

and the closing tag would be this part

</a>

Most HTML tags have an opening and closing tag.
Some of them are self closing like the <img>

The directions want you to wrap your img element inside anchor tags.

make sense?

9

I’m missing the mark :face_in_clouds: :face_with_spiral_eyes: I will try again later today. Thanks for your help J. It might click once I get some rest.

1 Like
10

Rest is always good.

I would also suggest reviewing some of the earlier concepts that will help with this challenge.

11

I’m at the project part. So it won’t let me go back to the original lessons :sob:

12

The legacy curriculum is still available.

Maybe doing these html lessons will help you understand the concepts so you can tackle this challenge.

1 Like
13

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