# Learn HTML by Building a Cat Photo App - Step 6

**URL:** <https://forum.freecodecamp.org/t/learn-html-by-building-a-cat-photo-app-step-6/577699>\
**Category:** Curriculum Help\
**Tags:** html, css\
**Created:** [December 13, 2022, 11:00am UTC](https://forum.freecodecamp.org/t/learn-html-by-building-a-cat-photo-app-step-6/577699 "2022-12-13T11:00:10Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![hodanissah3](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/hodanissah3/32/240102_2.png) [@hodanissah3](https://forum.freecodecamp.org/u/hodanissah3)\
**Post date:** [December 13, 2022, 11:00am UTC](https://forum.freecodecamp.org/t/learn-html-by-building-a-cat-photo-app-step-6/577699/1 "2022-12-13T11:00:10Z")

</div>

**Tell us what’s happening:**  
Describe your issue in detail here.

**Your code so far**

```html
<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>
    </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/108.0.0.0 Safari/537.36`

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

**Link to the challenge:**

> **[freeCodeCamp.org](https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-html-by-building-a-cat-photo-app/step-6)**
>
> Learn to Code — For Free

---

<div class="post-metadata">

**Author:** ![hbar1st](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/hbar1st/32/372649_2.png) [@hbar1st](https://forum.freecodecamp.org/u/hbar1st)\
**Post date:** [December 13, 2022, 11:03am UTC](https://forum.freecodecamp.org/t/learn-html-by-building-a-cat-photo-app-step-6/577699/2 "2022-12-13T11:03:23Z")

</div>

🎈 Hi, welcome to the forum!  
We see you have posted some code but did you have a question?

---

<div class="post-metadata">

**Author:** ![hodanissah3](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/hodanissah3/32/240102_2.png) [@hodanissah3](https://forum.freecodecamp.org/u/hodanissah3)\
**Post date:** [December 13, 2022, 12:08pm UTC](https://forum.freecodecamp.org/t/learn-html-by-building-a-cat-photo-app-step-6/577699/3 "2022-12-13T12:08:18Z")

</div>

In the text of your `p` element, turn the words `cat photos` into a link to `https://freecatphotoapp.com` by adding opening and closing anchor (`a` ) tags around these words.

i write the code but is not ecceptable  
say like this  
orry, your code does not pass. Don’t give up.

## Hint

After nesting the anchor (`a`) element, the only `p` element content visible in the browser should be `Click here to view more cat photos.` Double check the text, spacing, or punctuation of both the `p` and nested anchor element.

---

<div class="post-metadata">

**Author:** ![hbar1st](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/hbar1st/32/372649_2.png) [@hbar1st](https://forum.freecodecamp.org/u/hbar1st)\
**Post date:** [December 13, 2022, 12:23pm UTC](https://forum.freecodecamp.org/t/learn-html-by-building-a-cat-photo-app-step-6/577699/4 "2022-12-13T12:23:51Z")

</div>

Can you show me what you wrote? In your first post you didn’t have any anchor tags at all?

Use the menu option `</>` to make sure your code show up on the forum in a readable manner.  
Or use three backticks in a row above and below the code.  
```

---

<div class="post-metadata">

**Author:** ![hodanissah3](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/hodanissah3/32/240102_2.png) [@hodanissah3](https://forum.freecodecamp.org/u/hodanissah3)\
**Post date:** [December 13, 2022, 12:57pm UTC](https://forum.freecodecamp.org/t/learn-html-by-building-a-cat-photo-app-step-6/577699/5 "2022-12-13T12:57:50Z")

</div>

```auto
<p>Click here to view more cat photos.
        <br>
      <a href="https://freecatphotoapp.com">Cat photos</a>
      </p>

```

---

<div class="post-metadata">

**Author:** ![hbar1st](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/hbar1st/32/372649_2.png) [@hbar1st](https://forum.freecodecamp.org/u/hbar1st)\
**Post date:** [December 13, 2022, 2:03pm UTC](https://forum.freecodecamp.org/t/learn-html-by-building-a-cat-photo-app-step-6/577699/6 "2022-12-13T14:03:22Z")

</div>

I’ve edited your code for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (`</>`) to add backticks around text.

 ![Pre-formatted-text](https://global.discourse-cdn.com/freecodecamp/original/3X/1/b/1b18854f1059217f29370444396145cc3a0cd8ae.gif)

See [this post](https://forum.freecodecamp.org/t/forum-code-formatting/25574) to find the backtick on your keyboard.  
**Note:** Backticks (`) are not single quotes (').

---

<div class="post-metadata">

**Author:** ![hbar1st](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/hbar1st/32/372649_2.png) [@hbar1st](https://forum.freecodecamp.org/u/hbar1st)\
**Post date:** [December 13, 2022, 2:04pm UTC](https://forum.freecodecamp.org/t/learn-html-by-building-a-cat-photo-app-step-6/577699/7 "2022-12-13T14:04:02Z")

</div>

you should not have a `<br>` tag there

please read this post to understand how to solve this step

> [@Guidance for making an HTML link within a paragraph element](https://forum.freecodecamp.org/t/guidance-for-making-an-html-link-within-a-paragraph-element/569135):
>
> Many people struggle with making an html link for the first time when that link is enclosed within a paragraph element. (Such as in step 12 of the cat photo app). This post is meant to guide you by giving you some tips of how this is done. To begin, we are presented with some plain text in a paragraph element such as below: \<p\>This is some boring text without any links.\</p\> And let us now try to turn the word -links- into a clickable link by using an anchor element. Here goes: \<p\>This is s…

---

<div class="post-metadata">

**Author:** ![system](https://global.discourse-cdn.com/freecodecamp/original/3X/e/1/e1c433102e34b46dfaa3e15d13ab9a514b127078.svg) [@system](https://forum.freecodecamp.org/u/system)\
**Post date:** [June 14, 2023, 2:04am UTC](https://forum.freecodecamp.org/t/learn-html-by-building-a-cat-photo-app-step-6/577699/8 "2023-06-14T02:04:33Z")

</div>

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