Nesting an a element into a p element

HTML-CSS
1

Tell us what’s happening:

Its telling me that I need to nest the ‘a’ inside the ‘p’ and I thought I did and i’m so confused right now. Can someone tell me if theres an error I just dont see? Im new at coding.

Your code so far


<h2>CatPhotoApp</h2>
<main>

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

<img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back.">

<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
</main>
<p>
View more <a target="_blank" href="http://freecodecamp.org">cat photos</a> here
</p>

Your browser information:

User Agent is: Mozilla/5.0 (X11; CrOS x86_64 13421.99.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/86.0.4240.198 Safari/537.36.

Challenge: Nest an Anchor Element within a Paragraph

Link to the challenge:

2

Hi @MonsterSnowball!

Welcome to the forum!

So you have added some extra things that don’t need to be there and there is a typo in the link.

Reset the lesson. Do not touch the a tag.

Add p tags before and after the anchor tag

 <!--add p tag here--><a href="https://freecatphotoapp.com" target="_blank">cat photos</a><!--add p tag here-->

In between the opening p tag and a tag place View more (with a space afterwards)

If you do all that then the test will pass

1 Like
4

oops I meant what do the arrow looking like things do?

5

I’m really sorry but I’m still so confused

6

Hello,

Arrow looking? you mean this part?

This is a comment inside of the HTML code, you can write comments in between other HTML elements, comments are not rendered by Web Browsers and just there so you can write something for your own context (like a note about what certain parts of the code does or a part of the code you do not want the browser to render anymore ).
you can replace the add p tag here part and can write anything in there, For Example:
<!--this is an example comment-->

In this context though @jwilkins.oboe have told you to replace the <!--add p tag here--> comments with <p> tags.

2 Likes
7

Comments were introduced in these two lessons.


1 Like