Learn HTML by Building a Cat Photo App - Step 12

HTML-CSS
1

Tell us what’s happening:

Describe your issue in detail here.
In the text of your p element, turn the words cat photos into a link by adding opening and closing anchor (a ) tags around these words. Then set the href attribute to https://freecatphotoapp.com

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/122.0.0.0 Safari/537.36 Edg/122.0.0.0

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 12

2

You appear to have created this post without editing the template. Please edit your post to 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 you say, the more we can help!

3

HI @ksavage !

Welcome to the forum!

I would suggest resetting the lesson.

You want to wrap the words cat photos here inside an anchor element

      <p>See more cat photos in our gallery.</p>

here is the example they gave you

<p>I think <a href="https://www.freecodecamp.org">freeCodeCamp</a> is great.</p>

you see how they wrapped the word freeCodeCamp in anchor tags?

<a href="https://www.freecodecamp.org">freeCodeCamp</a>

you see how the href points to the freeCodeCamp website?

you need to something similar here

      <p>See more cat photos in our gallery.</p>

around the words cat photos you need to place a set of anchor tags.
for the href attribute, it needs to point to https://freecatphotoapp.com

hope that helps

1 Like
4

Welcome to the community @ksavage !

The text cat photos should be left within the statement, and the anchor should touch the words on both sides.

If you view the code below, you will notice the way the text link to cat pictures is within the anchor.

Here is a great article that will be useful throughout this course. It has great explanations and examples.

May your coding path be smooth.

5

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