Learn HTML by Building a Cat Photo App - Step 15

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 <a target="_blank" href="https://freecatphotoapp.com">cat photos</a> in our gallery.</p>
      <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back.">
<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>

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

Your mobile information:

iPhone - iOS16.7.1

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

Link to the challenge:
https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-html-by-building-a-cat-photo-app/step-15emphasized text

2

Welcome to the community @LEEMAH !

I am including an article found in FCC News that has great explanations and examples of how to turn both images and text into links.

FCC News Article Turn Image and Text Into Links

An Example of the image turned into a link is as follows:

<a href="url provided in step"><Tolink Image with its alt included></a>

The above cannot be copied and pasted, as it is just a reference.
If used for guidance, it can help. But, the article is priceless throughout the course.

Happy coding!

2 Likes
3

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