Learn HTML by Building a Cat Photo App - Step 12

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. <a href="https://freecatphotoapp.com">cat photos</a></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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36

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

Link to the challenge:

Hello there. The words cat photos already exist in the phrase within the p tag. You only have to surround these words, and not created another as you did. So in essence, you are only surrounding the words with an anchor tag that points to the link provided to you. You need nothing else. Hope this helps

1 Like

you seem to have added ‘cat photos’

The question just wants you to surround the original text ‘cat photos’ in an anchor

for example:
(this is an example not the answer)

<p>This is an example of turning a word into a link.</p>

we can add an anchor in the middle of a sentence. This turns the word ‘example’ into a link

<p>This is an <a href="someWebsite">example</a> of turning a word into a link.</p>

I’ve been attempting to reproduce this specific section on my WordPress site, but unfortunately, I haven’t been successful in making it function properly.

<p>This is an <a href="https://rizereviews.com">example</a> of turning a word into a link.</p>

That was just an example, a section of code.

It sounds like your looking to start building small projects outside of freeCodeCamp :smiley:

You will need to learn about boiler plate, and possibly how files work.

I used Notepad when I started. Its very basic. ( There are better editors out there)

The code at the end of this reply will work if you copy and past it into an online editor.

However I’ve also added instructions on how to make files on your own computer.

  • Copy and past the code into Notepad, VS code, brackets or any other editor you have on your device.
  • Save the file as index.html
  • this creates an HTML file.
  • find the file in your filing system. On my computer it looks like this:
  • then double click the file

Your browser should automatically open displaying the content and a working link
image

If you keep learning with freeCodeCamp you will learn about CSS, which can be used to style the page using a separate file

<!doctype html>
<html>
  <head>
  </head>
  <body>
    <p>This is an <a href="https://rizereviews.com">example</a> of turning a word into a link.</p>
  </body>
</html>
1 Like

thank you , its workkk

1 Like

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