Learn HTML by Building a Cat Photo App - Step 15

HTML-CSS
#1

Hello everyone! Here is a newbie. Can you describe my wrong? I guess I didnt understand well the a element. It would be great if you can let me know the a element’s opening tag.

Your code so far

<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>
<a href=">img src"https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg"</a>
    </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/108.0.0.0 Safari/537.36

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

Link to the challenge:

#2

you should warp the img tag with its attributes by <> and also add equal sign after src (src="") or simply reset the challenge and warp the img element with opening and closing anchor tags like this:-

<a ><img src=""></a>

then add the href to the opening tag of anchor(<a>) as an attribute.

#3

what are the img attributes?

#4

well there could be many but in this case only src.
as i said resetting the challenge helps you to avoid confussions because you edit the code that you supposed not to edit

#5

yeah we need it for the source i see but i still cant understand, am i too dumb for this? or it’s a hard way to learn it?

#6

neither your are dumb nor it is hard,it is just we get confusions sometimes and we all do.and if there is anything you do not understand and ask clearly and i will be answering.

#7

you have also removed the alt attribute in the image tag.

#8

please click the reset button to put the code back to its initial state

after that, I want you to add an anchor opening tag on the left side of the img
and a closing anchor tag on the right side of the img
Do NOT touch the img element at all when you are adding the anchor element.
This is -very- important as in your first attempt you modified the img element.

So please click reset.
Do not modify the img element at all.
add an opening anchor tag on the left side of the img tag
add a closing anchor tag on the right of the img tag

do not touch the img tag at all

#9

yeah i reset many times it really is confusing

#10

I did but still not acceptable

#11

give as your code or a screenshoot.

#12

Please post your real code and not a picture of your code

#13

Thank you guys who all commented. I did it. I was just supposed to fill the gap href " … " with the given link, I was literally questioning my iq hahah thanks for all the help!

2 Likes
#14

glad you got it working in the end, good job.

1 Like
#15

add a section opning tag above h2 and after anchor tag closing tag section.

#16

thanks! I try my best :slight_smile:

1 Like
#17