Responsive web design basic html and html5 nest an anchor element within a paragraph

This is the exercise n.12: Responsive Web Design Basic HTML and HTML5 nest an anchor element within a paragraph.

  1. you should have one a element
  2. the a element should link to “https://www.freecatphotoapp.com
  3. your a element should have the anchor text of cat photos
  4. you should create a new p element. There should be at least 3 total p
    tags in your HTML code
  5. your a element should be nested within your new p element
  6. your p element should have the text View more (with a space after it)
  7. your a element should not have the text View more
  8. each of your p elements should have a closing tag
  9. each of your a elements should have a closing tag

…which, if i do it in this way:

<h2>CatPhotoApp</h2>
<main>
<a href="https://www.freecatphotoapp.com" target="_blank">cat photos</a>
<p>Meowwww loved it, hated it, loved it, hated it yet spill litter box, scratched at owner, ddestroy all furniture, especially couch or lay on arms while you're using the keyboard. Missing until dinner time toy mouse squeak roll over. With tail in the air lounge in doorway. Man running from cops stops to pet cats, goes to jail.</p>
<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>
  <p>Meowwww loved it, hated it, loved it, hated it yet spill litter box, scratched at owner, ddestroy all furniture, especially couch or lay on arms while you're using the keyboard. Missing until dinner time toy mouse squeak roll over. With tail in the air lounge in doorway. Man running from cops stops to pet cats, goes to jail.<h2>CatPhotoApp<img src="https://bit.ly/fcc-relaxing-cat" target="_blank">cat photos</h2></p>
<p>View more <img src="https://www.bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."</p>
</main>

…the test result reply that the 5th exercise is wrong.

Can anyone back me to the due solution?

Thanks

I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (’).

1 Like

This is not nested in a p element. It is before all of the p elements.
This is what nested elements look like:

<parent>There may be some stuff here. It doesn't matter
    <nested>This is a nested element</nested>
    There could be stuff here too. You can even have multiple nested elements.
</parent>
1 Like

I’ve also tried in these ways:

Meowwww (all) CatPhotoAppcat photos

Meowwww (all)

CatPhotoApp

cat photos

Meowwww (all)

CatPhotoAppcat photos

Meowwww (all)

CatPhotoApp

Meowwww (all) cat photos

Meowwww (all) cat photos

Meowwww (all)

Meowwww (all) link to www.freecatphotoapp.comcat photos

Meowwww (all) cat photos

Meowwww (all) link to www.freecatphotoapp.comcat photos

Meowwww (all) A cute orange cat lying on its back.

Meowwww (all) A cute orange cat lying on its back.cat photos

…it’s doesn’t work.

I've also tried in these ways:

<p>Meowwww (all) <nested>CatPhotoApp</nested>cat photos </p>

<p>Meowwww (all) <nested><h2>CatPhotoApp</h2></nested>cat photos</p>

<p>Meowwww (all) <nested><h2>CatPhotoApp</nested>cat photos</p>

<p>Meowwww (all) <nested><h2>CatPhotoApp</nested></h2></p>

<p>Meowwww (all) <nested><a href="https://www.freecatphotoapp.com" target="_blank">cat photos</a></nested></p>

<p>Meowwww (all) <nested><a href="https://www.freecatphotoapp.com"></a>cat photos</nested></p>

<p>Meowwww (all) <nested><a href="https://www.freecatphotoapp.com"></a></nested></p>

<p>Meowwww (all) <nested><a href="https://www.freecatphotoapp.com></nested></a></p>

<p>Meowwww (all) <nested><a target="_blank" href="https://freecatphotoapp.com">link to www.freecatphotoapp.com</a>cat photos</nested></p>

<p>Meowwww (all) <a target="_blank" href="https://freecatphotoapp.com"></a></nested>cat photos</nested></p>
     
<p>Meowwww (all) <a target="_blank" href="https://freecatphotoapp.com"></a><nested>link to www.freecatphotoapp.com</nested>cat photos</p>

<p>Meowwww (all) <nested><img src="https://www.bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></nested></p>
                                                  
<p>Meowwww (all) <nested><img src="https://www.bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back.">cat photos</nested></p>

...it's doesn't work.

nested is not the name of an element. I was providing an example of nesting with elements named parent and nested.

I’m also pretty sure that the tests will fail if you try a bunch of random stuff in the same code. There should be only 1 a element and it should be nested in a newly created p element.

1 Like

Hi @lineup475 !

I would reset the lesson.

Let’s break down the instructions

Nest the existing a element within a new p element.

This is the existing a element they are talking about

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

You need to wrap your p tags around that one.

Do not create a new anchor tag.

<p> 
EXISTING ANCHOR TAG GOES HERE
</p>

Follow that structure I just laid out.

The new paragraph should have text that says View more
After the opening p tag and before the opening anchor tag add the text of View more.

<p> ADD TEXT HERE
EXISTING ANCHOR TAG GOES HERE
</p>

If you are successful then you should have only added two lines of code.
If you are adding more than that then you answer is incorrect.
Hope that makes sense!

1 Like

you can check out useful programmer on youtube they very helpfull

I’ve already done it, before, with the required element. I didn’t do all of them it in the same code, but each of them (1 every time), in a newly created.

…also if i’ll do it in this way:

 <h2>Cat PhotoApp</h2>

<main>

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

<p>Meowwww loved it, hated it, loved it, hated it yet spill litter box, scratched at owner, destroy all furniture, especially couch or lay on arms while you're using the keyboard. Missing until dinner time toy mouse squeak roll over. With tail in the air lounge in doorway. Man running from cops stops to pet cats, goes to jail.</p>

 <p>three kittens<a href="https://www.freecatphotoapp.com">link to www.freecatphotoapp.com</a>running towards the camera</p>

 <p>View more<img src="https://www.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>

…the 1st, and the 2nd exercise, are wrong; instead, the 5th is correct.

What’s wrong?

I have edited your post.
Please read @ArielLeslie on how to format code in the forum.


I would reset the lesson because you have a few syntax errors here

You are also not supposed to create a new anchor tag.
This is incorrect

Please reread through my post from earlier

[quote="jwilkins.oboe, post:11, topic:478079, full:true"]
I have edited your post. 
Please read @ArielLeslie  on how to format code in the forum.

<hr>

I would reset the lesson because you have a few syntax errors here

[quote="lineup475, post:10, topic:478079"]

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

``` [/quote]

You are also not supposed to create a new anchor tag.
This is incorrect

Please reread through my post from earlier
[/quote]

If there’s a new anchor tag, or an old one, it doesn’t matter: the answer is the same (if you check the two ways i did it, you can see by your own the contradiction).
I’ve reset 3/4 times: i’m going to do another one, hopefully it’ll be right.

I am looking at your code here and I see two anchor tags

Here is the first one

and here is the second one

I am trying to tell you not to create that second one.

There is no need to create any new anchor tags.
I am commenting on your latest attempt not the original code you posted.

Make sense?

I know you are frustrated but for this exercise you only need to add two lines of code.

That’s it. :grinning:

<main>
ADD CODE HERE
  <a href="https://www.freecatphotoapp.com" target="_blank">cat photos</a>
ADD CODE HERE

If you are adding any more than that or touching other parts of the code then it is incorrect.

Hope that helps!

Oh, interesting way to solution

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