Learn HTML by Building a Cat Photo App - Step 15

HTML-CSS
1

Tell us what’s happening: Do not understand

Describe your issue in detail here. Not sure what I’m supposed to do?

Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->
      <p>See more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a> in our gallery.</p>

<!-- User Editable Region -->

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

<!-- User Editable Region -->

    </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/105.0.0.0 Safari/537.36 Edg/105.0.1343.27

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 15

2

You appear to have created this post without editing the template. Please edit your post to Tell us what’s happening in your own words.
Learning to describe problems is hard, but it is an important part of learning how to code.
Also, the more you say, the more we can help!

3

Welcome @kerseyhunter1998 !

This step asks us to place the opening anchor tag before the < and the closing anchor tag after the closing > for the img element.

Example:
<a href="value"><img with all its code></a>

Use the url provided in the instructions for the href value in the opening anchor.

May your coding path be smooth.

1 Like
4

Tell us what’s happening:Not sure what I should do next

Describe your issue in detail here. Following the instructions but not sure why it’s not accepting it?

Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->
      <p>See more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a> in our gallery.</p>

<!-- User Editable Region -->

      <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"

<!-- User Editable Region -->

    </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/105.0.0.0 Safari/537.36 Edg/105.0.1343.27

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 15

5

You appear to have created this post without editing the template. Please edit your post to Tell us what’s happening in your own words.
Learning to describe problems is hard, but it is an important part of learning how to code.
Also, the more you say, the more we can help!

6

Welcome to the forum @kerseyhunter1998

@anon87405063 gave good advice.

The href attribute is using funky quotes, try using regular quote marks.

The img element is missing a closing angular bracket.
At the end of the img element add a closing anchor tag.

Happy coding

1 Like
7

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

I finally understood this quote after seeing your example. Specially the “surrounding” part :joy: :joy: :joy:

Edit: i was also at this lesson just 5 minutes ago, stuck, and finally through. Might come back for the next lesson :smiling_face_with_tear:

1 Like
8

@Teller has provided the necessary steps to take to complete the code passing.

Follow the suggestions in that post, and you should be able to pass the code and move on to the next step @kerseyhunter1998 !

Wishing you a smooth coding path.

9

You deleted angled > bracket in the last of your img element. Also you need anchor closing tag immediately after img closing> bracket.

10

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.