Learn HTML by Building a Cat Photo App - Step 12

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
That’s your link; feel free to give it a click. In the text of your p element, turn the words cat photos into a link to https://freecatphotoapp.com. When you are done, remove the old anchor tag and text below the paragraph.

  **Your code so far**

<html>
<body>
  <h1>CatPhotoApp</h1>
  <main>
    <h2>Cat Photos</h2>
    <!-- TODO: Add link to cat photos -->
    <p>https://freecatphotoapp.com<a href='https://freecatphotoapp.com'</p>
    <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; rv:103.0) Gecko/20100101 Firefox/103.0

Challenge: Learn HTML by Building a Cat Photo App - Step 12

Link to the challenge:

2

Example.

Initial text

Here is some text

Task: wrap into a link words some text

It will be:

Here is <a href="https://someURLaddress.com">some text</a>
3

Yes I have done this. But it says I should turn the word ‘cat photos’ to a link and I should remove my old anchor tag after that. Please can you help me out

4

I have tried it several times but it says it has to contain only one anchor (a) element

5

Please post your updated code.

6 
<p>Click here to view more cat photos.
        <a href= 'https://freecatphotoapp.com'>cat photos</p>
7 
 <p>Click here to view more cat photos.
        <a href= 'https://freecatphotoapp.com'>cat photos</p>
8 
<p>Click here to view more cat photos.
        <a href= 'https://freecatphotoap.com'>cat photos</p>
1 Like
9

you will need to press the </> button on the bar at the top to display code

10

I already updated the code bruv

11

you will need to wrap the word cat photos in the a element under the p

12

well that is not the correct code
you will need the p element with the a element inside it wrapping the words cat photos inside the p

13

Can you help correct the pls.

14

ok… reset your lesson. then u should see the code:

   <p>Click here to view more cat photos.</p>
      <a href="https://freecatphotoapp.com">cat photos</a>

copy the a element under the p element and replace the cat photos in the p element then remove the a element that is under the p element

15

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.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

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

16

its not woking bruv.

17

ok, what is you code ? we can help but only if we know what you have written.

18

The formatting fix I applied to your post seems to be working bruv.

The last code you posted has the text ‘cat photos’ twice. It must only be there once.

19

still same thing bro. I input the code according to how to you instructed. still not working

20

can we see your code please?