Learn HTML by Building a Cat Photo App - Step 12

HTML-CSS
1

Tell us what’s happening:
I’m not sure why I cannot pass. It keeps telling me as follows:
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.

  **Your code so far**

<html>
<body>
  <h1>CatPhotoApp</h1>
  <main>
    <h2>Cat Photos</h2>
    <!-- TODO: Add link to cat photos -->
    <p>Click here to view more cat photos.
      <a href="https://freecatphotoapp.com">cat photos</a></p>
    <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/104.0.0.0 Safari/537.36

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

Link to the challenge:

2

Reread the question carefully and understand how your code here is reading when ran.

3

sorry…I cannot understand your meaning. Can you be more specifically? Thank you.

4

Hi, Your p element, must turn the words cat photos into a link to https://freecatphotoapp.com . but if you look at your code the link is not provided yet also please pay attention when you are done, based on the instruction given remove the old anchor tag and text below the “p” element

5

I don‘t undeestand your meaning. I had already used

href=“https://freecatphotoapp.com>cat photos</a>

Isn’t this make “cat photos” into a link??

6

It should be like

<p><a href=""> content  ...</a></p>
7

You were asked to make a hyperlink to the paragraph element where the sentence starts with " Click here… " then you need to nest your “cat photos” to code the link. please look at this example:
I want to turn “Quincy” into a link in this sentence:

My name is Quincy Larson.

 <p>My name is <a href="https://google.com">Quincy</a> Larson</p>

You must have your opening and closing tags wrapped the words you want to link to.

1 Like
8

I got it. It works. Thanks a lot!!

9

To simplify what I was trying to convey, this code when ran would read, “Click here to view more cat photos. cat photos”

With the extra cat photos at the end being a link.

10

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