Html step 12, still stuck in 12

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
how do i Turn the words cat photos located inside p element into a link using the same value for the href attribute as the link below the p element?

  **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 cat photos.</p>
    <a href="https://freecatphotoapp.com">cat photos</a>
    <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back.">
  <main></main>
<body></body>
<html></html>

  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/102.0.0.0 Safari/537.36

Challenge: Step 12

Link to the challenge:

2

Hello there @belovediwu This challenge requires you to nest a HTML element in another element. You are required to nest the anchor tag <a href="https://freecatphotoapp.com">cat photos</a> in the <p> and replace the respective text with the provided anchor tag.

Required output is extremely similar to this:

<p>Click this <a href="https://www.google.com"> link </a>.</p>

As you can see the text “link” is the actual link nested in the paragraph. So you are requested to nest cat photos in the paragraph above it.

Hope this helps. Happy Coding :+1:!

1 Like
3

it keeps telling me " Your code should only contain one anchor (a ) element. Remove any extra anchor elements"

4

Click here to view more cat photos.< /p >

< a href =" https: //freecatphotoapp.com " >cat photos< /a >
what do i do from here

5

Take a look at the example I gave you here:

If you take a look at this, I have a <p> some text and then <a href="some-url">link text</a> and then I closed it up with </p> which is equivalent to:

<p>Click this <a href="https://www.google.com"> link </a>.</p>

If you take a look at the text in the paragraph, there is a text of “cat photos”.

Now take the link <a href="https://freecatphotoapp.com">cat photos</a> and replace the text cat photos in the paragraph.

6

Can someone help me. This is what I’ve done so far

Click here to view more cat photos.

7

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