Learn HTML by Building a Cat Photo App - Step 14

HTML-CSS
1

Tell us what’s happening:

turn the existing text CUTE CATS to an anchor that links to:

Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>

<!-- User Editable Region -->

      <!-- TODO: Add link to cat photos -->
      <p>Everyone loves cute cats online!</p>

<!-- User Editable Region -->

      <p>See more <a href="https://freecatphotoapp.com">cat photos</a> in our gallery.</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/130.0.0.0 Safari/537.36 OPR/115.0.0.0

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 14

2

Please Tell us what’s happening in your own words.

Learning to describe problems is hard, but it is an important part of learning how to code.

Also, the more you say, the more we can help!

3

thank you so much. i am learning html, i am a beginner and i am stuck on the 14th step. i am supposed to turn the existing text “cute cats” into an anchor that links to the following link: https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg . May you help please?

4

did you try something? the code you posted does not show any attempt

5

i tried this :

<p>cute cats <a href=https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg <cute cats></p>
6

I’ve edited your code for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

1 Like
7

that is missing the rest of the paragraph, you should not delete anything from the paragraph element

You were creating a p element with an a element inside in the previous steps, here a reminder about it:

note how this paragraph has the text “See more cat photos in our gallery.” where only the text “cat photos” is a link

8

okay. thank you. will do so in the future