Learn HTML by Building a Cat Photo App - Step 12

HTML-CSS
1

Hello, I am new to coding. I am trying to understand how to put cat photo in link text. need help

Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->

<!-- User Editable Region -->

      <p><a href="https://freecatphotoapp.com"</a>link cat photos</p>
      <a href="https://freecatphotoapp.com">link to cat pictures</a>

<!-- 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/115.0.0.0 Safari/537.36 Edg/115.0.1901.203

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

Link to the challenge:

2

you have to nest the text within anchor tags not before that text same as you have done line below

3

Hello and welcome to the community :smiley:!
In the previous step you created a link ‘link to cat pictures’ by nesting the text inside opening and closing a tags. In this step you want to create a paragraph by nesting your text in opening and closing p tags and turn the words ‘cat photos’ that are part of the paragraph into a link to cat pictures so that when the user clicks on it they get redirected to a webpage containing cat photos. Kinda like Wikipedia paragraphs that have links inside of them. To create a link you have to surround the words you want to link with a tags and place them between the opening and closing a tag. Instead of deleting the paragraph provided in the steps simply reset this step and find the words ‘cat photos’ that are part of the paragraph. Then to turn them into an actual link surround only the words ‘cat photos’ with a tags by putting those tags in the actual paragraph so that the text ‘cat photos’ are between them.
Ex of link to pizza store: <p>Click<a href="https://pizza_store.com">HERE</a>to visit our store</p>.

Remember to put a closing tag after your opening a tag and to place the words ‘cat photos’ btw both tags, Good luck!

4

Thanks ! all of this information was very helpful I figured it out !!

5

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