Learn HTML by Building a Cat Photo App - Step 14

HTML-CSS
1

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

  **Your code so far**

<html>
<body>
  <h1>CatPhotoApp</h1>
  <main>
    <h2>Cat Photos</h2>
    <!-- TODO: Add link to cat photos -->
    <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>
 <a href='https://freecatphotoapp.com '>   <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back.">
 </a>
  </main>
</body>
</html>

  **Your browser information:**

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_5) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.1.1 Safari/605.1.15

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

Link to the challenge:

2 Likes
2

hello and welcome to the forum!

I am gonna guess that you are having some problem with this exercise, but I’m not sure what without you adding some more details to your post.
(What is happening on your end? What do you need clarification on?)

1 Like
3

I’m stuck at trying to turn the image into a link. what I’m I doing wrong?

4

Tell us what’s happening:
I’m stuck at trying to turn the image into a link…can’t figure out what I’m doing wrong. what should do?

  **Your code so far**

<html>
<body>
  <h1>CatPhotoApp</h1>
  <main>
    <h2>Cat Photos</h2>
    <!-- TODO: Add link to cat photos -->
    <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>
 <a href='https://freecatphotoapp.com '><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
  </main>
</body>
</html>

  **Your browser information:**

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_5) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.1.1 Safari/605.1.15

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

Link to the challenge:

1 Like
5

There is an extra space there. :face_with_monocle:

6

please don’t create duplicate topics. Rather add to the existing thread by posting again as needed till the issue is resolved.

1 Like
7

Tell us what’s happening:
I’m stuck at trying to turn the image into a link…can’t figure out what I’m doing wrong. what should do?

  **Your code so far**

<html>
<body>
  <h1>CatPhotoApp</h1>
  <main>
    <h2>Cat Photos</h2>
    <!-- TODO: Add link to cat photos -->
    <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>
 <a href='https://freecatphotoapp.com '><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
  </main>
</body>
</html>

  **Your browser information:**

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_5) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.1.1 Safari/605.1.15

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

Link to the challenge:

8

There is an extra space there. :face_with_monocle:

9

remove the previous anchor element I guess

10

I am stuck at Step 14, I don’t know how to add a target attribute to the anchor. can you please guide me?

1 Like
11

If you have a question about a specific challenge as it relates to your written code for that challenge, just click the Ask for Help button located on the challenge. It will create a new topic with all code you have written and include a link to the challenge also. You will still be able to ask any questions in the post before submitting it to the forum.

Thank you.

12

you just need to add
target=“_blank”
after the link

3 Likes