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**
<!-- 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.">
**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:
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!
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>
That one really did miss the https://. Close, but no cigar… Thanks for noticing, though!
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.