Learn HTML by Building a Cat Photo App - Step 15

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
im stuck here .how to solve it?
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>
     <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg"  <a href=" https://freecatphotoapp.com">cat photos</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/107.0.0.0 Safari/537.36

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

Link to the challenge:

2

Replace the text cat photos with img tag which is already given.

Try to understand that putting cat photos between <a> </a> turns the text to link. Similarly you can turn an image to link.

3

Your anchor (a ) element should have an opening tag. Opening tags have this syntax: <elementName> .
they said this

4

Please show your current code.
Also try to review your code and see if you’re opening and closing all the tags properly.

6

Use triple backticks ``` before and after the code inorder to post it

8

Use backticks it is below esc on your keyboard

9

<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."

10

img is a self closing tag. It’s syntax looks like this <img>
But you are missing > at the end?

11

i dont underatNT WHAT TO DO ?

1 Like
12

Did you understand it or you’re still facing issues?

13

im unable to solve this 15 step. i dont know what to do…

1 Like
14

put > at the end of this code.

15

Also show your whole code not just a block of code so that we can run and test it.

16

Turn the image into a link by surrounding it with necessary element tags. Use https://freecatphotoapp.com as the anchor’s href attribute value.

<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back.">
how to solve this?

17

And an opening a tag before the img tag and a closing a tag after the img tag.

18

<a href= <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."> </a>

19

Are you reading the instructions properly?
Did you read this :point_down:

20

yes i red it but did not understand

21

It means that your href attribute should have the value set to https://freecatphotoapp.com

1 Like