Learn HTML by Building a Cat Photo App - Step 12

Tell us what’s happening:

I don’t know how to set href attribute to the link.

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=https://freecatphotoapp.com"</a>cat photos.</p>
      <a href=<a>"https://freecatphotoapp.com"</a><a>cat photos</a>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 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.1 Safari/605.1.15

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 12

Hi there and welcome to our community!

There are issues with both of these lines of code, so the best approach would be to Reset the lesson and try again. You should only be modifying the first line of code in this step.

Here’s an example of how to use an anchor element to turn a portion of text into a link:

<!-- text without link -->
<p>Please visit my website for awesome content.</p>

<!-- 'my website' turned into a link -->
<p>Please visit <a href="example.com">my website</a> for awesome content.</p>

Note that all you need to do is to enclose the portion of text which is to be turned into a link, between a pair of anchor tags. Inside the opening anchor tag you put your href attribute.

2 Likes