Learn HTML by Building a Cat Photo App - Step 14

HTML-CSS
1

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

  **Your code so far**

<html>
<body>
  <h1>CatPhotoApp</h1>
  <main>
    <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" alt="A cute orange cat lying on its back."<a target="_blank" href="https://freecatphotoapp.com">
  </main>
</body>
</html>

  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:103.0) Gecko/20100101 Firefox/103.0

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

Link to the challenge:

2

Hey! Welcome to the freeCodeCamp’s community forums.

Learning to describe the bugs or issues you’re facing is a great skill to have in a developer, it may seem hard at first, but you should at least provide a brief summary of what you are trying to accomplish and what’s the error that shows up when you try to run your code.

You can add any and all of the questions that you might have in the following section

Tell us what’s happening:

It will also make it easier for others to help you if they know the problem beforehand.

3

im having some issues , trying to put a link my cat photo, been stuck here for hours

4

So there are a few problems with your code.

  1. To turn any element into a clickable link, you need to make that thing a child of the a element. for example, if i want to make a p element into a link, i can do this.

    <a><p>a para </p> </a>

    Now this paragraph will become a link.

  2. You need to add a > at the end of the img element or else it wont be correct syntax.

Hope this helps! :smile:

5

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