Learn HTML by Building a Cat Photo App - Step 15

HTML-CSS
1

For some reason my code just isn’t being accepted tho it meets the requirement of the image leading to the link. Any help .

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."</a>
   

<!-- User Editable Region -->

    </main>
  </body>
</html>

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.6 Safari/605.1.15

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

Link to the challenge:

2

Remember, a tag always starts with < and ends with >. Does the img tag still have both?

Also, don’t add extra spaces between the quotes. The href attribute should only contain the text https://freecatphotoapp.com and nothing else.

3

Thank you so much!! The img tag > was exactly what I need thank you xx

4

Hi @hafsaabdifitah06 ,

  1. Try to avoid UNNECESSARY spaces.
    The value for the href is placed with an extra space after the double quote ". It MAY lead to an error because the web address is filled with extra space.

  2. Make sure to add closing tags for NON-Self-closed elements like <a>.
    In HTML, some tags are self-closed (no need to add a closing tag ), but some tags need to be closed manually.

<p>...</p> 
<h1>...</h1>
<img...> -- self closed!
5

Thank you soooo much, such a huge help honestly <3.
Im still getting a hand of tags and closing take so this was so good for me, Thank you again.