Learn HTML by Building a Cat Photo App - Step 8

This is the task:
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.

See more cat photos in our gallery.

See more cat photos in our gallery.

**Your code so far**
<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->
      <p>See more cat photos in our gallery.</p>

<!-- User Editable Region -->

      <img src="https:freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg">

<!-- User Editable Region -->

    </main>
  </body>
</html>

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.6.1 Safari/605.1.15

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

Link to the challenge:

Welcome to our community!

The url should be: https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg. You are missing the double forward slashes after the colon.

It is probably the best approach if you copy the url and paste into img element.

no still this is not working, 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.
this is what I should make (

See more href='http://freephotoapp.comcat photos in our gallery./a>

it should be next to ‘P’ element, below is the given task without change:
(p) see more cat photo in our gallery.(/p)

The task : in the text of you (p) element, turn the words (cat photo) into a link " http://freecatphotoapp.com by opening and closing anchor (a) around the word

This is the link that you have posted here:

Your task is to add the href attribute and its value into the img element:

<a href="url"><img src="url"></a>

The ‘href’ attribute should be set to the following url: https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg

The following is your solution that doesn’t work:

<img src="https:freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg">

As I said, the url address is missing something.

Screenshot 2023-04-05 at 11.52.26 PM

I am in step 12, this is what I intended to show you step (12),
reading the task, I thought I should be working on the 7th line ?
your instruction are in step 8.right? in the screenshot…and the url you showed is in the 9th line.

These are the links you posted here. Please be more careful next time in order to save our time.


Take a look at the code line below the one in question. You can see that the text “link to cat pictures” is turned into a link by being surrounded with anchor tags. Do the same for the first sentence within the p element:

<p>Text <a href="url">two words</a> text.</p>
1 Like

Screenshot 2023-04-06 at 12.13.44 AM

step15

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