Learn HTML by Building a Cat Photo App - Step 12

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
Challenges in step 12
Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->

<!-- User Editable Region -->

      <p> <a href="https://freecatphotoapp.com"> See more 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 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/112.0.0.0 Safari/537.36

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

Link to the challenge:

2

you only need to surround the text ‘cat photos’

1 Like
3

See more <a href="cat photos" in our gallery.

See more <a href="htts://cat photos.com" in our gallery.

this is not working

4

some tags come in pairs, an opening <a> and a closing </a>
anything between the tags will be its content. in the case of links, they tend to get styled with a colour and underline

eg.
<p>some dummy <a>text</a></p>
the above will appear as the below text in a browser

some dummy text

attributes tend to go inside the opening tag.

5

See more cat photos

Sorry mate but this too cant seem to help.

6

I’m afraid I cant see the code of your last replay. tho it does seem to work.

to show me your code use a back tic ` before and after a code line.

if you cant find a backtic on your keyboard use ALT+096

1 Like
7

<p>See more <a>cat photos</a></p>
that is my code. I am surprised that its not working

8

your missing the rest of the text.

heres another example:
<p>some text<a>more text</a>even more text</a>

also attributes such as href is needed to tell the browser where to go once the link is clicked.

attributes go inside the opening tag:
<a href="freecodecamp.com" target="blank">click here</a>

these are just examples to help you, they are NOT the answer

1 Like
9

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.

<p>See more <a href="cat photos"> </a> in our gallery.</p> <a href="https://freecatphotoapp.com">link to cat pictures</a>

here is the entire command. Tried everything but still stuck. Thanks for the help.

10

you have the anchor in the correct place,

it needs the href to be the link,
and for
‘cat photos’ to be between the tags
<a> text goes here </a>

1 Like
11

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