Help, please? HTML Cat Photo App - Step 14

HTML-CSS
1

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

Hi! I need help with step 14. It seems to be a really simple problem I’m overlooking.

  **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>
    <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" href="freecatphotoapp.com" 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; rv:104.0) Gecko/20100101 Firefox/104.0

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

Link to the challenge:

2

Hi! Welcome to the forum!
The necessary element tags as mentioned in the instructions are the anchor element tags. You used these in previous lessons. You do not need to add a href to the img element.
Hope that helps!

3

href=“https://freecatphotoapp.com”

4

(post deleted by author)

5

Hi! Thanks for the quick reply.
Whenever I open an anchor element tag, it makes my kitten image disappear. The following message appears:

You should have an img element with an src value of https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg. You may have accidentally deleted it.

Here’s how I tried it:

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

That one really did miss the https://. Close, but no cigar… Thanks for noticing, though!

7

You can’t have a HTML element that contains two types of tags at the same time. The anchor element opening tag tag needs to be outside of the img element tag.

This is how you made the text cat photos into a link

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

You need to put the img element in between the new anchor elements closing and opening tags. This is the same method as you used with the phrase cat photos in the previous lesson.

8

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