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>Click here to view more cat photos.</p>
      <a href="https://www.freecodecamp.org">click here to go to freeCodeCamp.org</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/105.0.0.0 Safari/537.36

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

Link to the challenge:

2

Hey!

The a tag is used to link webpages together. so for example if you have a webpage which when you click it, takes you to google.com You can do something like this:

//    destination-link        link text
             |                    |
<a href="https://google.com"> a link to google </a>

even though the user will only see the text a link to google and when someone clicks it, the user will be taken to the google’s website.

Here in the same way , you need to add the text link to cat pictures in your code.

image

If you look closely, the text click here to go to to freecodecamp.org is just an example to show teach the concept not the actual answer.

3

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