Learn HTML by Building a Cat Photo App - Step 12

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 -->

<!-- User Editable Region -->

      <p>See more <a href="cat photos"</a> in our gallery.</p>
      <a href="https://freecatphotoapp.com">link to cat pictures</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/116.0.0.0 Safari/537.36

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

Link to the challenge:

2

hello and welcome to the community :smiley:!
Attributes go in the opening tag of your element and impact on the way your element behaves but are not visible to the user. In contrary anything that goes in between your opening and closing tags are going to appear on the page.

Your href attribute should have the value of the webpage you want to link it to which in this case is "https://freecatphotoapp.com" and you should add a > closing bracket after it to close your opening a tag. Then put the text ‘cat photos’ which you want appearing on the page in between your opening and closing a tags.
Ex of paragraph with link:

<p>The link in this paragraph is <a href="https://linkHere.com">HERE</a></p>

Which looks like this on your page:

The link in this paragraph is HERE

. Hope this helps.
3

Hello and welcome to FCC Forum and a great community.

Below is a great article on how to turn both text and images into links. It has good examples, too.

Happy coding! :slight_smile: