Learn HTML by Building a Cat Photo App - Step 15

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.

I am trying to nest everything so I can make the Image a link but I can’t for the life of me figure out what’s going wrong.

No matter what I do I end up with this error:
You should only add one opening anchor (a ) tag. Please remove any extras.

Your code so far

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

Your browser information:

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

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

Link to the challenge:

2

You broke the img element. You must make zero changes to the img element.

3

even when i omit that
I get same error

4

Omit what? What is ‘that’?

What does your updated code look like?

5

image
image1002×110 15.8 KB

6

Please post real code and not pictures.

You still broke the img element. You literally must make exactly zero changes to the img element.

Also, you have two opening anchor tags (one good and one bad) and no closing anchor tag. The closing anchor tag is needed.

7

when I tried to it said new members can’t post 2 links in one topic

8

You need to post the code formatted, like it is in the first post.

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

You still changed the img element.

Do you know what the original img element looked like? You can see it on a previous step if you need.

Also, you do not have a closing anchor tag.

Do you know what a closing anchor tag is?

If you don’t know what a specific thing I said means, you can always ask questions.

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

I just don’t understand, if i try and nest the image it never works. It’s obviously me, I just cant figure out where to do it.
even when I add the closing tag at the end of the alt i get the same error

14

You have not fixed either of these issues?

Are there any specific words or phrases you do not understand in what I wrote?

15

I went back to before the image was added redid it all.
thats the exact code it said was right on step 13 before it prompted me to delete the line of code on step 14.
I’ve added the closing tag after the alt and still i get the error:
ou should only add one opening anchor (a ) tag. Please remove any extras.

16

You changed this line. You should not change this line at all.

You changed the img element. You must not change the img element. (Stop deleting the >)

You have no closing anchor tag corresponding to this opening anchor tag:

Generally, you should not delete anything unless the instructions tell you need to.

17

Thank you for holding my hand. I understand my mistakes now

1 Like
18

Good work getting it passing! :tada:

1 Like