Learn HTML by Building a Cat Photo App - Step 11

HTML-CSS
1

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

Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->
      <p>See more cat photos in our gallery.</p>

<!-- User Editable Region -->

      <a href="https://freecatphotoapp.com"><cat picures/a>

<!-- 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.">
    </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/111.0.0.0 Safari/537.36

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

Link to the challenge:

1 Like
2

Hi @sjpatel and welcom to the forum!!

Any element, even an image (img) element, surrounded by the opening and closing tags of an a element becomes a link. Right now your syntax is not correct.

Also remember that the anchor element (a) is an inline element, that is to say that it is as if you were to add a word or a letter in the paragraph; therefore, you have to follow the same writing conventions.

For example:

<p><a href="https://freecatphotoapp.com">see</a>more cat photos in our gallery</p>

The see word becomes a link after the browser parses it, but it will appear attached to the more word because there is no space between the closing tag and this word.

I hope it helps to understand concepts and this challenges.

Happy coding!!

3

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