Learn HTML by Building a Cat Photo App - Step 12

Tell us what’s happening:
Describe your issue in detail here.
how exactly do you do this

  **Your code so far**
    <h2>Cat Photos</h2>
    <!-- TODO: Add link to cat photos -->
    <p>Click here to view more https://freecatphotoapp.com.</p>
    <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back.">
  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/104.0.5112.102 Safari/537.36

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

Link to the challenge:

Can you be more specific?

This part isn’t a valid anchor element. Look bat at step 11 to see a valid anchor element.

Hi Dale,

In your attempted solution, you deleted the words cat photos from the paragraph “Click here to view more cat photos.”
You also added the URL https://freecatphotoapp.com. As you probably saw when you tried that, this action did not give you a clickable link. (Just static words were displayed)

This exercise would like you to take the originally provided paragraph, and then make just the two words “cat photos” into a clickable link so that a user can click these words to be directed to the provided URL.

In order to do this, we need to mark-up the words that we want to modify.
We use HTML to do that, and specifically we use the anchor tag.

An anchor tag works to make the enclosed text into a link. But it needs to surround the text and it needs the URL to refer to. An example is this (making a link to google search below)

This is a <a href=“http//www.google.com”>Google Search</a> link.

This will appear in the browser like this
This is a Google Search link.

Hopefully this helps you understand the intent of the exercise.

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