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

<!-- 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 (iPhone; CPU iPhone OS 17_2_1 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/17.2 Mobile/15E148 Safari/604.1

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 12

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

Great work! You understand the concept. The instructions can be tricky especially if a lot is new. The second paragraph is not required. I would cut your opening ‘a’ tag and paste it inside the original ‘p’ element just before the text of ‘cat photos’ and then close the ‘a’ tag after the text ‘cat photos’. After erase the extra line, the one underneath. Good luck!

1 Like
4

Thanks a lot,
Really I have tried but didn’t understand, Please write down.

1 Like
5

We aren’t allowed to write the answer for you. Please post your updated code or tell us more about how you are stuck.

3 Likes
6

You need to wrap the text cat photos in the anchor opening and closing tags that’s you already have in first line. Didn’t add it again.
@Newcommer

2 Likes
7

The link’s

href

value should be

https://freecatphotoapp.com

. You have either omitted the

href

value or have a typo. The link’s text should be

cat photos

. You have either omitted the text or have a typo. After nesting the anchor (

a

) element, the only

p

element content visible in the browser should be

See more cat photos in our gallery.

Double check the text, spacing, or punctuation of both the

p

and nested anchor element. // tests completed

8

Something like this:

<p> See more <a>cat photos</a> ....

but in the opening tag put the url like you did before. Good luck!

1 Like
9

Welcome to the forum, :blush:

Here you need to convert the word cat photos

Into a link like
<p>This is a <a href="link address">My world</a> with full of beauty</p>

'[quote=“Newcommer, post:1, topic:669732”]
<p>See more cat photos in our gallery.</p>
[/quote]

Second plz don’t change your exiting code !!!

Hope you understand !! :blush: