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>
  <h1>CatPhotoApp</h1>
  <main>
    <h2>Cat Photos</h2>
    <!-- TODO: Add link to cat photos -->
    <p>Click here to view more cat photos.</p>
    <a href="https://freecatphotoapp.com"></a>
    <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/103.0.5060.53 Safari/537.36

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

Link to the challenge:

2

Hello and welcome to the forum!

Please 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 information you give us, the more likely we are to be able to help.

3

I’m having trouble finding out where to correctly place the anchor text Cat photos to so it can become the link’s text

4

take a look at this sample code to see how to create your own hyperlink:
Let’s say I have a website with the following text:

Click Me!

At the moment, this Click Me! does nothing. So it is not a link.
To make the browser understand that you want it to do something with these words so that they become clickable and go somewhere online, you will need an anchor tag.
Like this:

<a href="https://www.google.com">Click Me!</a>

Notice how the words Click Me are now inside the anchor element?

So the link’s text here is Click Me!

In the exercise they want you to add the link text cat photos to the line of code given to you.

So looking at the example I gave you, think about where Click Me! is and do something similar in the code given to you (but for cat photos in this case)

5

Thank you so much, it helped and I was able to move on .

1 Like
6

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