Learn HTML by Building a Cat Photo App - Step 15

HTML-CSS
1

**have been trying but saying = You should only add one opening anchor (a ) tag. Please remove any extras.:

Your code so far

Click here to view more cat photos.

A cute orange cat lying on its back. <a href="https://freecatphotoapp.com" 
<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->
      <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>
      <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."> <a href="https://freecatphotoapp.com"<or>
    </main>
  </body>
</html>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 6.3) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/106.0.0.0 Safari/537.36

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

Link to the challenge:

2

dear as u can see u have write
and u have to nest ur img element into ur anchor tag.

1 Like
3

Can you please help With the correction? Pls am ready to learn

4

dear instead of ur closing anchor tag u have wrote < or >

1 Like
5

I closer it with but it’s still showing nyhe same thing

6

u have to nest ur img element into ur anchor element
<a href=“” <img… < /a >
like abv.
rmbr to put > after href

7

Hint: you should only add one opening anchor (a) tag. Please remove any extras

:point_up_2::point_up_2::point_up_2::point_up_2::point_up_2:
That’s what am getting as reply

8

Please post your updated code.

9 
<p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>
      <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg"alt="A cute orange cat lying on its back."> <a href="https://freecatphotoapp.com"</a>
10

I’ve edited your code 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 (').

11

This is not a correct anchor element and it does not have the img element nested inside of it.

This is a correct anchor element with the text ‘cat photos’ nested inside.

12 
here is another one  saying same

//this is the outcome again

the code

<p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>
      <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg"alt="A cute orange cat lying on its back."> <a href="https://freecatphotoapp.com"</a>
13

hi, I edited your code for readability. (you need to place the backticks above and below the code block)

14

whenever we are creating links we use an anchor element.
Anchor elements are made up of 3 parts.

1- the opening tag (includes the href attribute)
2- the element or text that will become the link
3- the closing tag

You need to understand all three parts to build a link successfully.
<a href="some-website-address">
This is a sample anchor opening tag. Place your opening tag to the immediate left-side of the element or text you are making into a link.

</a> this is a closing anchor tag

Put all three together
<a href="some-website-address">CLICK ME!</a>

This sample code shows how to next some text within the anchor element
Do the same thing for the img element (it goes where the word CLICK ME! goes)

15

Please don’t post pictures. Post code.

16

That looks the same as the broken one I commented on. If you don’t understand what someone says, it is best to actually ask questions about what they mean.

1 Like
17

please i need more explanation cox am a newbie here

i even tried copying and pasting the one you corrected yet, i get the same error response

i will need more clarification

18

Perhaps it is better to start from scratch.

Do you understand the objective of this exercise specifically?
(you can click the reset button to reset the code, then re-read the instructions if you are not sure)

1 Like
19

I quoted your own code. We can’t write the answer for you.

This is a good anchor element that you wrote. Look at the < and >. Look at where the text ‘cat photos’ is.

You need to write an anchor element exactly like this, but with the entire img element in place of the text ‘cat photos’.

1 Like
20

ok let me try i will get back if am done sir/ ma