<html>
<body>
<main>
<h1>CatPhotoApp</h1>
<h2>Cat Photos</h2>
<!-- TODO: Add link to cat photos -->
<!-- User Editable Region -->
<p><a href="https://freecatphotoapp.com">See more cat photos in our gallery.</p></a>
<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/115.0.0.0 Safari/537.36 Edg/115.0.1901.203
Challenge: Learn HTML by Building a Cat Photo App - Step 12
In the text of your p element, turn the words cat photos into a link to https://freecatphotoapp.com by adding opening and closing anchor (a ) tags around these words. this is the instruction and when I put this
For the challenge, you’re supposed to add 1 anchor element around the words “cat photos” that’s already in the p element. No additional text was required.
I did that too,it returns error but the tip says After nesting the anchor (a ) element, the only p element content visible in the browser should be See more cat photos in our gallery. Double check the text, spacing, or punctuation of both the p and nested anchor element.
In the previous step you turned the words link to cat pictures into a link by placing them between opening and closing anchor (a) tags. You can do the same to words inside of an element, such as a p element.
In the text of your p element, turn the words cat photos into a link to https://freecatphotoapp.com by adding opening and closing anchor (a) tags around these words. this is the instruction and my code is
XD but you re putting the entire text and it asks you to put only the text cat photos that is inside of the paragraph only the “cat photos” should be inside of the anchor tag not the entire text on the page it supposed to look like this