Learn HTML by Building a Cat Photo App - Step 12

Tell us what’s happening:
Describe your issue in detail here.
how can I turn the p element into link

  **Your code so far**
<html>
<body>
  <h1>CatPhotoApp</h1>
  <main>
    <h2>Cat Photos</h2>
    <!-- TODO: Add link to cat photos -->
    <p>Click here to view more cat photos<a href="https://freecatphotoapp.com">cat photos</a></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 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.3 Safari/605.1.15

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

Link to the challenge:

At the moment, if you look at your preview on the right of your screen you probably see something like this:

Click here to view more cat photoscat photos

Notice how the sentence is immediately followed by a blue link…
However what they are asking you to do, is make a part of the original sentence into a link. So that it should appear like this in the browser:

Click here to view more cat photos.

To do that, you need to carefully position the start tag of your anchor element.
Place the start to the left of the word cat (in the original paraphraph).
Then place the closing tag to the right of the word photos (being careful not to erase the period at the end of the sentence)

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